CSS:字体图标的追加

如果工作中,原来的字体图标不够用了,我们需要添加新的字体图标到原来的字体文件中。原来的还是需要,现在是要加新的。

方法:把以前下载的字体图标压缩包(例如icomoon.zip)里面的selection.json文件重新上传,然后选中自己想要的图标,追加进去,重新下载压缩包,并替换原来的文件即可。

以前我是从icomoon下载的。
现在进入https://icomoon.io/
在这里插入图片描述

点击页面上方的IcoMoonApp:
在这里插入图片描述

跳转到下面页面:
在这里插入图片描述

点击页面上方的Import Icons:
在这里插入图片描述

会弹出一个对话框:
在这里插入图片描述

选择以前下载的字体压缩包解压目录下的selection.json文件,然后点击 “打开”按钮:
在这里插入图片描述

出现下面的弹框:
在这里插入图片描述

点击弹框中的 “Yes”按钮,出现如下界面,以前选择的图标都包含了:
在这里插入图片描述

可以点击想要增加的图标:
在这里插入图片描述

选择完毕以后,点击页面右下角的 Generate Font F按钮,就跳转到了下面的页面:
在这里插入图片描述

然后点击页面右下角的 Download按钮,将压缩包下载到本地:
在这里插入图片描述

重新解压:
在这里插入图片描述

将fonts目录拷贝到html文件所在的目录,替换以前的fonts目录:
在这里插入图片描述

fonts目录下的内容:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值