天天看點

iconfont 轉換為圖示字型。

iconfont 阿裡巴巴矢量圖庫是個好東西呀~  http://www.iconfont.cn/

巨大的圖示庫,可惜都是png的,不能随意用作字型圖示。

這裡講一下,如何将iconfont轉換為字型圖示

1.添加幾個矢量圖并下載下傳code  (點選側邊欄的 download code )  

iconfont 轉換為圖示字型。

2.打開網站 : https://transfonter.org/  這是一個線上将ttf轉換為base64 或者其他格式的工具。

    上傳iconfontttf 并選擇 base64 encode 

iconfont 轉換為圖示字型。

下載下傳轉換後的檔案。

3.将從阿裡巴巴矢量庫下載下傳的檔案中的  iconfont.css 和剛轉換後下載下傳的檔案中的 stylesheel.css 放到項目中的css檔案中。

4.然後你就可以在相應的位置引用字型檔案啦  引用格式參考 iconfont.css 中的css内容。

例如 : 

<i class="iconfont  icon-wenhao"></i> 
           

部落格原文位址:

iconfont 轉換為圖示字型

繼續閱讀