字体图标的使用与设计

字体图标（iconfont）虽然有要被淘汰的趋势，但是在其服役期间也解决了其他方案的很多痛点，如

• 图片
  • 增加额外请求
  • 不能使用CSS控制其内部细节
  • 不同分辨率的适配
• CSS Sprites（图片整合术）
  • background-position 定位具体图片可维护性太差
  • 添加删除图片成本高，尤其是删除图片

CSS Sprites 其实在特定条件下（对图片的改动频次很低）也是比较不错的解决方案，也启发了SVG Sprites这种可以取代iconfont的方案。

字体图标的使用 - 以Iconfont平台为例

下面我们以Iconfont平台为例介绍如何方便地生成、使用字体图标：

登录

首先我们点击右上按钮区域的小人图标登录，然后我们可