主题自带Font Awesome图标字体设置教程

天兴工作室制作的zblog主题里边大部分都集成了Font Awesome图标字体，使用界面字体有很多优点，用字体替代图标，加载快，使用灵活。

有些客户反馈说不知道怎么设置很多按钮图标，本文来做一个详细的表明。

下面以天兴工作室题6来做演示表明。这款主题幻灯片下面有一个模块就是使用了界面图标：

下面我们来设置很多按钮，打开网页后台--右上角主题配置--里面可以设置主题的各项自定义配置项。打开首页调用，找到“首页服务项目”，修改这里即可，图标字体的完整代码如下图：

<i class="fa fa-briefcase"></i>这就是一个完整的界面图标代码，怎么设置呢？

打开这个网站“”，里面有很多图标，每个按钮都对应一个代码。

你想用什么界面，复制对应的代码，然后替换掉“<i class="fa fa-briefcase"></i>”这个代码里面的“briefcase”即可。一定要注意只能更换这一段，前面一定要保留“fa fa-”，否则不会生效的。

举例我们想用图示红框里面的界面：

那么直接复制对应代码“address-book”替换后的代码为“<i class="fa fa-address-book"></i>”。

然后就没有然后了，保存提交主题中心带换字体主题中心带换字体，前台就可以发现效果了。

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/ruanjian/article-125483-1.html