iconfont 怎么添加新的图标

1、官方添加新的图标到购物车里面,然后“下载代码”:

 2、下载,解压,在 assets 中新建一个 fonts2 的文件夹,用来存放后来下载的图标字体文件。对比之前的 fonts 下面的文件:

 注解:

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

合并到一起之后,就可以把 fonts2 文件夹删除了。

原文地址:https://www.cnblogs.com/smile-fanyin/p/14833344.html