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

iconfont图标库的使用方法

时间:2018-04-13 16:21:11      阅读:1548      评论:0      收藏:0      [点我收藏+]

标签:dem   压缩包   文件中   打开   demo   项目   ie8   引入   img   

一、寻找适用的图标

官方网址http://www.iconfont.cn/ 找到需要的icon

技术分享图片为例技术分享图片添加入库。

一、生成代码:

点击右上角购物车图标,出现下图(1)所示,下方点击下载代码,下载完成后将压缩包文件解压,将文件里面的iconfont.css文件引入到自己的项目中如图(2)。

技术分享图片

图(1)

技术分享图片

图(2)

HTML中使用时如下图所示:

技术分享图片

备注:

1可以在下载解压后的文件中找到demo_fontclass.html,双击打开后找到自已需要的图标class引入即可;

技术分享图片

2、兼容性良好,支持ie8+,及所有现代浏览器。

3、可以像设置文本一样设置想要的样式。

 

iconfont图标库的使用方法

标签:dem   压缩包   文件中   打开   demo   项目   ie8   引入   img   

原文地址:https://www.cnblogs.com/myunYao/p/8820529.html

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