Iconfont是阿里推出的矢量图标管理、交流平台，设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。

我们可以将Iconfont中的图标引入到我们的应用或网站中，从而美化用户界面。

本篇文章将记录如何将Iconfont中的图标添加到WordPress的菜单中，实现美化菜单的目的。

挑选图标

挑选图标并添加到项目中去。

首先找到自己想要的图标，点击购物车按钮添加到库中。

添加到项目

选中一些自己想要的图标后，点击右上角的购物车按钮

进入购物车页面后，点击“添加到项目”按钮，新建或选择已有的项目，然后点击确定。

可以看到这里我已经创建过了一个名为wordpress的项目，专门用于wordpress存储相关的图标

点击菜单“资源管理”进入“我的项目”，就可以看到自己创建的项目了

修改代码

将上面的这一段代码复制到自定义的css中（每项目的代码不一样，不一定要照抄我的）

我的wordpress使用的是sakurairo这款主题，在主题设置/其他设置/低使用设置中可以直接自定义css代码

如果你用的主题没有这个设置的话，也可以通过直接修改代码来实现。

点击保存后就可以去菜单中编辑图标了。

进入外观/菜单中，按照这样的格式开始修改即可

<i class="iconfont">[图标的Unicode编码]</i> [菜单文字]

最后点击保存，再进入网页，就可以看到效果了。