使用icomoon製作icon字體

icon字體的好處自不必多說,相信好處大家都用了便都知道滴!吐舌頭

下面我就具休說下,用icomoon製作icon字體的情況。

https://icomoon.io/#home網站上提供了很好免費的字體庫,很方便的。

讓我們一起來製作所屬自己的字體吧!

1、當然是先打開網站了,如圖進行操作。


2、單擊”Add Icons From Library,,,“,打開字體庫,選擇添加自己需要的字體庫。


重點來了,如圖所示,有兩個字體庫,怎麼才能把我要的圖標都整合到一個字體庫裏呢。首先,通過對圖標的編輯功能把svg格式下載下來。然後單擊頁面,添加自己需要的圖標svg格式,從而建立自己的字體庫,如圖:


3、剩下的就簡單了,單擊頁面右下角的”Generate Font“按鈕,進行字體庫頁面,在這裏可以設置字體庫的名字、字體庫的兼容性。如圖


此處用的是默認的庫名。一切就緒後,點擊頁面右下角的”Font Download“,下載字體就可以用了。

5、在頁面中直接調用就可以了。怎麼使用?就看demo頁面。

-----------------------------------------------------------

怎麼把字體都放在一個項目中?如下圖所示,點擊右側三槓,選擇import to set。把要加入的字體拖進來就可以了。





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章