首页 > 其他 > 详细

字体图标的使用

时间:2018-11-01 23:14:57      阅读:160      评论:0      收藏:0      [点我收藏+]

如何使用字体图标

首先打开iconfont官网,选择相应的图标添加购物车,然后加入我的项目,然后下载到本地。解压,然后选择如下文件放在自己的目录下,然后修改iconfont.css下面相应的路径。

然后在需要用到字体图标的地方使用

技术分享图片

iconfont.css路径修改

技术分享图片

调用文件

<span class="iconfont">&#xe632;</span>  //编码在iconfont我的项目对应图标那边复制

如何新增字体图标

把新增的字体图标添加到项目后,然后下载到本地,替换四个字体文件,样式文件不需要替换,但是必须修改下旧的iconfont.css里面的base64位路径修改为最新下载下来的iconfont.css里面的base64位图片位置!!

字体图标的使用

原文:https://www.cnblogs.com/qdlhj/p/9893042.html

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