在日常IT前端开发中，我们或多或少会因为需求而在页面上添加一些美丽的小图标，但往往设计或者组件库又不能满足我们的需求，那么下面我将为大家详细讲解字体图标在实际项目中的使用，如有不当，请多多包涵！
方法/步骤
-
1
进入图标库官网
-
2
搜索想要的图标加入购物车
-
3
进入购物车点击下载代码
-
4
解压后，选择下图四个文件复制，带demo的是示例文件，告诉我们如何使用，分别是三种方式的使用方式
-
5
在项目的assets目录下新建了个fonts目录来放这四个文件，打开iconfont.css，为方便效果我把图标大小font-size改为160px（这项目我已经做了适配）
-
6
然后在main.js中导入此css文件
-
7
页面中使用
-
8
最后界面显示出来的效果如下图（这就是unicode图标的使用）
END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
文章评论