iconfont 怎么添加新的图标

点这里看原文(拷贝一份的原因是防止博主删除,从而找不到资源)

1、官方添加新的图标到购物车里面,然后“下载代码”:
在这里插入图片描述
2、下载,解压,在 assets 中新建一个 fonts2 的文件夹,用来存放后来下载的图标字体文件。对比之前的 fonts 下面的文件:
在这里插入图片描述

注解:

后来下载的字体图标文件,主要查看 iconfont.css 里面 @font-face 里面主要引用了哪些文件,然后把这些文件重命名(主要是防止和之前 fonts 下面的文件名冲突),全部拷贝到之前 fonts 文件夹下面。
然后把后来下载的 iconfont.css 里面 @font-face 也复制到之前的 iconfont.css 里面,注意引用文件名的改变。
把后来下载的 iconfont.css 里面的类名样式定义 也复制到之前的 iconfont.css 里面。
合并到一起之后,就可以把 fonts2 文件夹删除了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值