今天因為項目需求,在改版網站圖標的時候發現,該網站的圖標全部引用字體圖標-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啦!