iconfont 怎么添加新的图标

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

 

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

 

 注解:

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

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

 

posted @   smil、梵音  阅读(1600)  评论(1编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2019-05-31 两个数组比较,得出不重复的元素
2019-05-31 Vue.directive()的用法和实例
点击右上角即可分享
微信分享提示