iconfont是阿里巴巴體驗(yàn)團(tuán)隊(duì)傾力打造,國內(nèi)功能很強(qiáng)大且圖標(biāo)內(nèi)容很豐富的矢量圖標(biāo)庫,提供矢量圖標(biāo)下載、在線存儲、格式轉(zhuǎn)換等功能。

nicetheme 在制作 WordPress主題時(shí),一般會(huì)選用 iconfont 的圖標(biāo)。

如何在網(wǎng)站中引用 iconfont 圖標(biāo)呢?請看下面教程:

1、可在本地電腦中,解壓主題包,在 nicetheme 的主題目錄中,路徑:主題根目錄-fonts,可以找到一個(gè)名字為demo_index.html的文件(如果沒找到,可能每個(gè)主題的路徑不一樣,建議用一下搜索,搜索 demo_index.html ),打開即可如下圖

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

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

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

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

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

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

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