码迷,mamicode.com
首页 > 其他好文 > 详细

阿里巴巴iconfont的正确使用方法

时间:2016-10-16 19:19:46      阅读:378      评论:0      收藏:0      [点我收藏+]

标签:

1,1.首先在Iconfont-阿里巴巴矢量图标库上面将你需要的图标点击购物车按钮加入“暂存架”

2,选择完所有要用的图标后“存储为项目”,给它命名。然后在“图标管理”-“图标应用项目”中找到这个项目,获取在线链接,把里面的代码复制到CSS中。

3,在HTML中需要使用到图标时,使用iconfont类名。在标签里面写上你想用的图表下面的Unicode

4,然后你可以通过控制iconfont类的属性改变图标的样式。

5,这些图标也可以下载到本地使用。图标都加入暂存架后选择“下载到本地”,会得到几个文件。

  浏览器打开demo.html可以看到每个图标的Unicode,把iconfont.css里的代码复制到css里面,把下面四个文件放到css可以引用到的文件夹里就可以了。下载使用的一个缺点   是添加图标的话要重新把所有图标再下载一遍覆盖原来的文件,如果是在线链接只要重新生成一次链接就好了。

 

 

阿里巴巴iconfont的正确使用方法

标签:

原文地址:http://www.cnblogs.com/zheng-neng-liang/p/5967132.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!