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