iconfont 阿裡巴巴矢量圖庫是個好東西呀~ http://www.iconfont.cn/
巨大的圖示庫,可惜都是png的,不能随意用作字型圖示。
這裡講一下,如何将iconfont轉換為字型圖示
1.添加幾個矢量圖并下載下傳code (點選側邊欄的 download code )
2.打開網站 : https://transfonter.org/ 這是一個線上将ttf轉換為base64 或者其他格式的工具。
上傳iconfontttf 并選擇 base64 encode
下載下傳轉換後的檔案。
3.将從阿裡巴巴矢量庫下載下傳的檔案中的 iconfont.css 和剛轉換後下載下傳的檔案中的 stylesheel.css 放到項目中的css檔案中。
4.然後你就可以在相應的位置引用字型檔案啦 引用格式參考 iconfont.css 中的css内容。
例如 :
<i class="iconfont icon-wenhao"></i>
部落格原文位址:
iconfont 轉換為圖示字型