2018-08-18

Iconfont中有很多图标,我们可以像在超市逛街一样,挑选自己喜欢的商品,然后放入购物车。

挑选图标的过程(共6步)

进入网站:Iconfont网址:http://www.iconfont.cn

点击网站上方的“官方图标库”,选择自己喜欢的图标。在这里我选择天猫的图标库。

选择好自己喜欢的图标,你可以有两个选择,下载代码 和 添加至项目。

我们这两选择添加至项目,然后新建项目,并输入名称。

项目添加好后,会自动给我们转入到我们项目库中。点击查看在线链接。

生产css引入的代码,生成后就可以在项目首页index.html引入了。

1

图标的使用:

图标顺利引入到项目中,已经可以使用它们了,在“我的项目中”你会看到图标的font class值。可以直接复制代码粘贴,也可以自己写代码。

1

这样在页面中就可以看到图标了。

添加更多图标:

如果在项目中觉的图标不够用了,需要添加更多图标。可以利用下面四步进行添加。

去Iconfont网站继续挑选,把相中的图标加入购物车中。

把购物车中的图标加入到项目中。

重新生成在线链接。(这部很重要)

在项目主页中(index.html),更换css引入链接。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 180,185评论 25 708
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,339评论 3 119
  • 【早起打卡】201804011 【践行人员】葛琳艳 【践行天数】10/90 【今日天气】晴 9~23 【昨日早睡】...
    琳艳格格阅读 93评论 0 0
  • 鼠标输入 触摸输入 键盘输入
    passiony阅读 1,466评论 0 4
  • 今日也许不足与未来相比,今日却影响着未来。该狠一点,不该每年都重复面对一个问题,一个自欺欺人的问题,一个现实的问题...
    莹辛明阅读 321评论 0 0

友情链接更多精彩内容