iconfont是阿里巴巴体验团队倾力打造,国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。

nicetheme 在制作 WordPress主题时,一般会选用 iconfont 的图标。

如何在网站中引用 iconfont 图标呢?请看下面教程:

1、可在本地电脑中,解压主题包,在 nicetheme 的主题目录中,路径:主题根目录-fonts,可以找到一个名字为demo_index.html的文件(如果没找到,可能每个主题的路径不一样,建议用一下搜索,搜索 demo_index.html ),打开即可如下图

如何插入阿里巴巴 iconfont 图标-nicetheme_奈思主题

2、如下图,可看到每个标题下,会有图标的名称以及图标 class 标签

如何插入阿里巴巴 iconfont 图标-nicetheme_奈思主题

3、举个例子,上图红色下划线 icon-custom,就是我们一会需要使用的图标标签。方式如下:

<i class="iconfont icon-custom"></i>

4、直接复制以上代码到指定位置即可,如 LightHouse 主题中,菜单可插入图标,见下图位置(其他主题不一定有这个设置)

如何插入阿里巴巴 iconfont 图标-nicetheme_奈思主题