本文摘自PHP中文网，作者不言，侵删。

前端开发会经常用到一些图标。当ui妹子给你提供的图标不能满足你的需求时，可以在 iconfont.cn 上采集并生成自己的业务图标库，再进行使用。

一、生成图标库代码

首先，搜索并找到你需要的图标，将它采集到你的购物车里，在购物车里，你可以将选中的图标添加到项目中（没有的话，新建一个），后续生成

的资源/代码都是以项目为维度的。

来到刚才选中的项目页，点击『生成代码』的链接，会在下方生成不同引入方式的代码，下面会分别介绍。

阅读剩余部分

相关阅读 >>

html5怎么实现图片转圈的动画效果

浅谈javascript中数组array的添加/删除操作

html5拖拽功能实现的拼图游戏

vue组件修改根实例的数据方法（附代码）

javascript sort方法怎么排序

javascript的exec方法怎么用

html5新增了哪些标签

javascript和js之间有区别吗

javascript中关于“this”的7个有趣面试题，你能全答对吗？

详解html5应用中accordion三种效果的探索

更多相关阅读请进入《javascript》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » IconFont图标引用的方法步骤（代码）