查看iconfont的unicode编码和图标

[mrdulin]

问题：

iconfont只有如下四个文件，没有相应的demo.html罗列出所有iconfont的有哪些图标，相应的unicode编码，以及CSS的class名称。我该怎么查看？

解决方案：

一、Mac OSX平台下，使用系统自带应用——Font Book.app（字体册）

首先，找到.ttf字体文件，

双击安装，就可以看到该iconfont中有哪些图标了

切换到网格布局，然后鼠标悬浮到相应的图标上即可看到unicode编码，例如：U+E90D，那么该图标的unicode编码就是E90D

二、使用在线服务icomoon

三、让你公司设计师给iconfont的同时，把包含图标，unicode编码，CSS class名称的预览demo.html一并给出，使用版本控制及时更新同步给所有开发团队

1. 可以使用ionic官方图标提供的python脚本，根据src文件夹中svg图标生成iconfont, CSS等，地址：https://github.com/ionic-team/ionicons#build-instructions

2. http://iconfont.cn, 上面有详细教程