最近阿里圖標(biāo) iconfont 出問(wèn)題了，無(wú)法提供在線CDN服務(wù)，導(dǎo)致很都小伙伴在為OneNav導(dǎo)航主題添加圖標(biāo)時(shí)失去了很多個(gè)性化的內(nèi)容，既然只是無(wú)法提供在線CDN服務(wù)，其他功能一切正常，那么就可以下載自己創(chuàng)建的圖標(biāo)項(xiàng)目到本地，在設(shè)置里添加本地的阿里圖標(biāo)地址就可以了。

創(chuàng)建阿里圖標(biāo)項(xiàng)目

重復(fù)一下項(xiàng)目設(shè)置項(xiàng)，好多都設(shè)置錯(cuò)誤，請(qǐng)注意下圖紅框框選的內(nèi)容，一定要和圖一樣。

下載項(xiàng)目

創(chuàng)建好項(xiàng)目并且添加好圖標(biāo)后，點(diǎn)“下載至本地”按鈕下載項(xiàng)目，阿里項(xiàng)目設(shè)置詳細(xì)請(qǐng)查看教程

上傳到網(wǎng)站

建下載的壓縮包上傳到網(wǎng)站，用自己熟悉的工具（方法）上傳即可，我用寶塔。

1. 在網(wǎng)站的 wp-content 目錄里新建文件夾，命名為 ico。
2. 上傳壓縮包到 ico 目錄。
3. 解壓壓縮包。

目錄結(jié)構(gòu)如小圖

獲取圖標(biāo)地址

解壓后進(jìn)入圖標(biāo)文件夾，會(huì)看到一些 css、ttf 等文件。

圖標(biāo)css地址為 域名+wp-content/ico+壓縮包解壓后的文件夾名稱(chēng)+iconfont.css

比如我示例地址為：https://nav.iowen.cn/wp-content/ico/font_2978079_1mv1hedql3m/iconfont.css

添加圖標(biāo)到主題

將地址添加到主題設(shè)置中的“阿里圖標(biāo)庫(kù)地址”選項(xiàng)中。

這樣就可以在需要添加圖標(biāo)的地方選擇圖標(biāo)了。

可能存在的問(wèn)題

如果你添加圖標(biāo)地址后，在“添加圖標(biāo)”的彈窗中沒(méi)有看到圖標(biāo)（如下圖），是你站點(diǎn) ssl 證書(shū)導(dǎo)致的，通常是 Let's Encrypt 證書(shū)引起的，原因。。。我不知道。。。

請(qǐng)使用寶塔提供的一年免費(fèi)證書(shū)，或者其他證書(shū)。

可以試試這個(gè)通配證書(shū)（目前￥88/年）填寫(xiě)優(yōu)惠碼?iotheme 可以優(yōu)惠30元，獲取證書(shū)。