iconfont是阿里巴巴體驗團隊傾力打造,國內(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 ),打開即可如下圖

如何插入阿里巴巴 iconfont 圖標(biāo)-nicetheme_奈思主題

2、如下圖,可看到每個標(biāo)題下,會有圖標(biāo)的名稱以及圖標(biāo) class 標(biāo)簽

如何插入阿里巴巴 iconfont 圖標(biāo)-nicetheme_奈思主題

3、舉個例子,上圖紅色下劃線 icon-custom,就是我們一會需要使用的圖標(biāo)標(biāo)簽。方式如下:

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

4、直接復(fù)制以上代碼到指定位置即可,如 LightHouse 主題中,菜單可插入圖標(biāo),見下圖位置(其他主題不一定有這個設(shè)置)。

如何插入阿里巴巴 iconfont 圖標(biāo)-nicetheme_奈思主題