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。把要加入的字體拖進來就可以了。