首页 > 其他 > 详细

IconFont 图标的3种引用方式

时间:2019-12-25 12:08:10      阅读:183      评论:0      收藏:0      [点我收藏+]

第一步:进入阿里巴巴矢量图网站:http://www.iconfont.cn/

 技术分享图片
阿里巴巴矢量图

第二步:搜索你分类的关键字---然后加入购物车,下载到本地,然后解压,会将合并后的字体文件及自动生成的css全部下载

技术分享图片
技术分享图片
 技术分享图片
 
技术分享图片
技术分享图片
解压后的文件
技术分享图片技术分享图片
 
第三步:打开demo_index.html,里面有刚才你选择的icon图标
 技术分享图片
 
第四步:从三种模式中选择一种  按照选择那种的步骤进行操作
 
我选择的是Symbol彩色的那种
技术分享图片
技术分享图片

 技术分享图片

技术分享图片

技术分享图片
技术分享图片

技术分享图片

效果展示:

技术分享图片

IconFont 图标的3种引用方式

原文:https://www.cnblogs.com/yr1126/p/12095428.html

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