首页 > 其他 > 详细

iconfont图标库的使用方法

时间:2018-04-13 15:42:53      阅读:164      评论:0      收藏:0      [点我收藏+]

一、寻找适用的图标

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

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

一、生成代码:

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

技术分享图片

图(1)

技术分享图片

图(2)

HTML中使用时如下图所示:

技术分享图片

备注:

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

技术分享图片

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

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

 

iconfont图标库的使用方法

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!