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

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

一、生成图标库代码

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

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

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

阅读剩余部分

相关阅读 >>

webgl怎样操作json与echarts图表

利用html5中的canvas绘制笑脸的代码

javascript字符串怎么替换字符

html5 canvas实现中奖转盘的实例代码

使用proxy实现双向绑定的方法介绍（代码）

你必须知道的10个chrome开发工具和技巧

javascript加入网页有几种方法

js怎么改变css属性值

javascript代码放哪

html5标准学习-编码详解

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

书籍

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

￥83.86元   人民邮电出版社

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

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