本文介绍了字体图标（iconfont）的使用，包括通过Iconfont平台登录新建项目、代码中线上与线下使用字体图标的方法。强调了与设计师协作时的设计规范，如图标铺满画布、尺寸合适和导出SVG图标时的注意事项。此外，讨论了字体图标在特定场景下的优势，如避免额外请求和方便CSS控制。
字体图标（iconfont）虽然有要被淘汰的趋势，但是在其服役期间也解决了其他方案的很多痛点，如
- 图片
- 增加额外请求
- 不能使用CSS控制其内部细节
- 不同分辨率的适配
- CSS Sprites（图片整合术）
- background-position 定位具体图片可维护性太差
- 添加删除图片成本高，尤其是删除图片
CSS Sprites其实在特定条件下（对图片的改动频次很低）也是比较不错的解决方案，也启发了SVG Sprites这种可以取代iconfont的方案。
字体图标的使用 - 以Iconfont平台为例
下面我们以Iconfont平台为例介绍如何方便地生成、使用字体图标：
登录
首先我们点击右上按钮区域的小人图标登录，然后我们可以根据自己的条件选择登录方式：
最低0.47元/天 解锁文章
扫一扫
2274
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
