iconfont是阿里巴巴體驗團(tuán)隊傾力打造,國內(nèi)功能很強大且圖標(biāo)內(nèi)容很豐富的矢量圖標(biāo)庫,提供矢量圖標(biāo)下載、在線存儲、格式轉(zhuǎn)換等功能。
nicetheme 在制作 WordPress主題時,一般會選用 iconfont 的圖標(biāo)。
如何在網(wǎng)站中引用 iconfont 圖標(biāo)呢?請看下面教程:
1、可在本地電腦中,解壓主題包,在 nicetheme 的主題目錄中,路徑:主題根目錄
-fonts
,可以找到一個名字為demo_index.html
的文件(如果沒找到,可能每個主題的路徑不一樣,建議用一下搜索,搜索 demo_index.html
),打開即可如下圖
2、如下圖,可看到每個標(biāo)題下,會有圖標(biāo)的名稱以及圖標(biāo) class 標(biāo)簽
3、舉個例子,上圖紅色下劃線 icon-custom
,就是我們一會需要使用的圖標(biāo)標(biāo)簽。方式如下:
<i class="iconfont icon-custom"></i>
4、直接復(fù)制以上代碼到指定位置即可,如 LightHouse 主題中,菜單可插入圖標(biāo),見下圖位置(其他主題不一定有這個設(shè)置)。