图标字体开发流程

• 1.从网上下载免费图标字体；

  • 从 阿里巴巴iconfont+ 获取免费图标字体
  • 从 iconMoon 获取免费图标字体
  • 免费图标字体大全

• 2.或者使用PS + AI + iconfont生成自定义图标字体；

  • 实际开发基本都是使用自定义生成的图标字体,步骤如下：
  • 1）使用PS-矩形工具 生成图标；
  • 2）AI软件打开PSD文件，File->Scripts->SaveDocsAsSVG 生成SVG文件；
  • 3）访问阿里巴巴iconfont+(或iconMoon)上传SVG生成字体文件；
  • PS: 教程：雪碧图vs图标字体 中多了PS导出AI文件的步骤，经实践PS生成的AI文件打开容易显示空白，该步骤可省略.

• 3.将生成的字体文件（TTF/WOFF/EOT/SVG）放入工程；

  • 调用方式有如下三种：
  • unicode引用
  • fontclass引用
  • symbol引用