CSS：icon font

1. 下载ai图标文件，用ps打开，新建一个图层，选中一个图层，选择文件>导出>导出图层到文件，选择png24.
2. 用FontCreator打开字体文件，添加或者修改一个图标，导入刚才的png24图片文件，调整大小，设置uni名字比如uni2233、uniabc1。用ali-console-font的话比较省事。然后保存或导出为ttf格式。
3. 然后只用在线工具将字体转化成多个字体以兼容不同浏览器的字体格式要求。
4. 在代码中，字符串“2233”或者“abc1”，也就是刚才设置的图标的uni名称，就能显示图标了。最好把图标都放在 <i> 标签中，并给样式设置字体font-family 这段要抄线程的，比如阿里云。

---

以上是 * shit *，发现了iconfont的正确使用方式——阿里巴巴矢量图标库
1. 搜索图标，加入“购物车”。
2. 重复1。
3. 点上面导航栏里的“暂存架”，选择“存储为新项目”或者历史项目。
4. 选择“获取在线连接”或者现在到本地。我选择本地。
5. 加压压缩包，看其中的demo学习如何使用。