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

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

一、生成图标库代码

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

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

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

阅读剩余部分

相关阅读 >>

html5无插件多媒体media-音频audio与视频video的详细介绍

分享一个html5电子杂志翻书特效代码

html5中indexeddb 数据库的相关介绍

javascript变量有几种类型

javascript怎么实现字幕滚动

javascript中使用for...in 和object.keys()枚举对象属性的差异（附代码）

javascript如何实现弹出层效果？（代码分析）

javascript怎么判断是否是字符串

javascript是动态的吗

javascript代码有几种使用方式

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

书籍

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

￥83.86元   人民邮电出版社

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

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