iconfont是阿里巴巴体验团队倾力打造,国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。
nicetheme 在制作 WordPress主题时,一般会选用 iconfont 的图标。
如何在网站中引用 iconfont 图标呢?请看下面教程:
1、可在本地电脑中,解压主题包,在 nicetheme 的主题目录中,路径:主题根目录
-fonts
,可以找到一个名字为demo_index.html
的文件(如果没找到,可能每个主题的路径不一样,建议用一下搜索,搜索 demo_index.html
),打开即可如下图
2、如下图,可看到每个标题下,会有图标的名称以及图标 class 标签
3、举个例子,上图红色下划线 icon-custom
,就是我们一会需要使用的图标标签。方式如下:
<i class="iconfont icon-custom"></i>
4、直接复制以上代码到指定位置即可,如 LightHouse 主题中,菜单可插入图标,见下图位置(其他主题不一定有这个设置)。