草莓图标库介绍及使用

在网站的开发中,总会用到一些图标,今天介绍一款草莓图标库。他不仅绘制精美,使用方便且免费,体积还很小。

在网站的开发中,总会用到一些图标,今天介绍一款草莓图标库。他不仅绘制精美,使用方便且免费,体积还很小。

如何安装到网页中?

<!--加载本地图标文件-->
<link rel="stylesheet" href="strawberry-v2.0.0/style.css">

您可以下载页底提供的Demo zip 文件解压至本地参考。

如何安装到wordpress主题中?

将文件夹解压至主题根目录的font 文件夹中,在主题的header.php 的head 中添加下列代码:

<!--载入图标-->
	<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/font/style.css">
草莓图标库介绍及使用-Npcink
草莓图标库介绍及使用-Npcink

怎么加载 CSS 和JS? - wordpress开发

这将确保网站保持高效并且不存在不兼容问题。

草莓图标库PRO --

公告:几乎每个图标都是本人亲自绘制,既需要耐心同时也要耗时耗力。为劳动成果能够得到尊重,项目能够得到长期的设计源动力和维护力。新Pro图标库为付费赞赏模式,一次付费永久使用。感谢理解和支持。免费和开源的版本依然可以使用V1.28版,无任何影响。

🍓草莓图标库

为开发者设计的一套免费开源图标库

  • 精心绘制 丨 风格统一、力求像素级的显示
  • 使用高效 丨 资源轻量、灵活、多设备兼容
  • 开源免费 丨 个人私用和商用版权开源免费

开始使用

  1. 将整个草莓图标库的目录复制到你的项目中
  2. 在 <head> 标签中添加 <link rel="stylesheet" href="path/to/style.css">
  3. 在需要图标的地方添加对应 class 的 <i> 即可,已书籍图标为例:<i class="czs-book"></i>

设计开发

开源协议

  • 草莓图标库中的字体遵循 SIL OFL 1.1 协议
  • 草莓图标库中的 css 遵循 MIT 协议
  • 草莓图标库中的文档遵循 CC BY 3.0 协议

第三方开发者

图标更新

  • 品牌图标 丨 图标库中的品牌标志均为其各自所有者的商标, 请勿将品牌图标用于除了代表该品牌或服务之外的目的
草莓图标库介绍及使用-Npcink

这是一款更加强大的图标库,您也可以了解一下。

草莓图标库介绍及使用-Npcink
草莓图标库介绍及使用-Npcink

怎么在网页中调用Font Awesome图标?

互联网上最受欢迎的图标工具包已经过重新设计和构建。最重要的是,功能包括图标字体连字,SVG框架,面向流行的前端库(如React)的官方NPM软件包以及对新CDN的访
草莓图标库介绍及使用-Npcink
草莓图标库介绍及使用-Npcink

Iconfont - 阿里巴巴矢量图标库

国内功能很强大且图标内容很丰富的矢量图标库

下载权限

查看
  • ¥{{right.value}}
    {{right.value}}
    免费下载
    评论后下载
    登录后下载

  • {{attr.name}}:
您当前的等级为
您有每天免费下载所有资源次的特权,今日剩余 已取得下载权限
最后更新: 2020-05-20
Designer

Fancybox - 用于显示图像,视频等的jQuery灯箱脚本

2019-6-17 7:25:54

Designer

伊娃设计系统 - 深度学习颜色发生器

2019-9-7 15:09:59

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
若您的权利被侵害,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索