用到的工具：阿里巴巴图标库，要注册使用。

1、登陆后在网站搜索框搜索需要的图标；

2、搜索结果界面鼠标放置后显示购物车、收藏、下载，点击购物车；

3、点击右上角购物车，点击添加到项目（如果没有创建过就创建一个），会自动跳转到 我的项目 界面。

4、先点击 查看在线链接（图1），再点击代码行（图2），会自动跳转到改css的详情页；复制详情页代码。（网页别关，还要用）

5、进入wordpress后台，外观-自定义-额外CSS,将前一步复制的css代码粘贴进去，发布。

6、再点击外观中的菜单选项，导航标签中粘贴下列代码 <i class=”iconfont icon-xxx“></i> **

（**为你要命名的菜单名，前面有一个空格·）

PS: 官方教程：font-class 引用

font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。与unicode使用方式相比，具有如下特点：兼容性良好，支持ie8+，及所有现代浏览器。
相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。不过因为本质上还是使用的字体，所以多色图标还是不支持的。
使用步骤如下：
第一步：拷贝项目下面生成的fontclass代码：//at.alicdn.com/t/font_8d5l8fzk5b87iudi.css
第二步：挑选相应图标并获取类名，应用于页面应用于页面：<i class=”iconfont icon-xxx“></i>

7、切到 我的项目 页面，鼠标移到图标上，点击最下方的 复制代码，替换 代码中的红色字母。<i class=”iconfont icon-xxx“></i> **，如<i class=”iconfont icon-NAS1“></i> nas。OKK,菜单栏图标添加好了。