前面跟大家分享的『WordPress主题YIA导航菜单中如何添加Iconfont字体图标？』一文，就详细介绍了WordPress站点（YIA主题）如何使用Iconfont字体图标，步骤大概可分为找到自己喜欢的图标，添加到项目，然后将代码复制粘贴到当前主题的style.css文件即可（YIA主题可粘贴到“YIA主题设置 >> 自定义代码”）。
不过这种做法就相当于加载了两次iconfont.woff2、iconfont.woff和iconfont.tff文件，一次是主题自带的文件，另一个就是我们自己添加的图标文件。这个可能就是很多使用YIA主题的网站不添加字体图标到导航菜单中的重要原因之一吧。
今天boke112百科特意抽出时间，在Iconfont官网搜索本站导航菜单需要用到的字体图标，然后再从YIA主题文件style.css中获知所需要用到的字体图标名字，再去搜索找到对应的图标，最后再将其下载到本地。
解压后得到多个文件，将其中的iconfont.woff2、iconfont.woff和iconfont.tff文件上传到YIA主题的/wp-content/themes/yia/assets/font/文件夹内覆盖源文件，再将iconfont.css中的图标代码添加到YIA主题的style.css文件中，最后更新缓存即可。
此时，我们就可以直接将前面添加到项目的字体图标添加到导航菜单中的，添加代码如下：
<span class="yiafa icon-wp"></span>
可能是boke112百科以前的导航菜单都一直都有字体图标吧，所以用过一段时间没有字体图标，总感觉缺少点什么似的，幸好现在已经全部搞定的。具体效果如下：
1、PC端导航菜单对比
上图无图标，下图有图标
2、移动端导航菜单对比
左图无图标，右图有图标
如果你也是使用YIA主题或其他主题，也可以参考『WordPress主题YIA导航菜单中如何添加Iconfont字体图标？』一文自行添加字体图标。
桂公网安备 45010502000016号