今天因为项目需求,在改版网站图标的时候发现,该网站的图标全部引用字体图标-iconfont,就是名字为iconfont.ttf的文件,由于这种字体文件无法直接打开预览,所以没办法修改,既然问题来了自然是找方法解决,网上搜索了一下iconfont预览的方法,第一条就是答案了,Binggo!
Iconfont 在线预览工具
地址:http://blog.luckly-mjw.cn/tool-show/iconfont-preview/index.html
- iconfont web 在线预览工具,无需安装,打开即用。
- 可预览本地 ttf 文件中定义的所有 icon。
- 也支持预览 阿里iconfont 中的三种模式,unicode,Font class,Symbol。根据在线字体链接即可解析预览其定义的所有icon。
使用教程
点击按钮
然后选择 ttf 后缀文件,一般是iconfont.ttf文件; 解析成功之后就可以预览icon,点击具体图标,可复制该 icon 代码;
现在,就可以根据图标名称去复用这里的 icon啦!