今天因为项目需求,在改版网站图标的时候发现,该网站的图标全部引用字体图标-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啦!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

14 − 13 =