如何在追格小程序中引入Font Awesome 字体，使用字体图标

Font Awesome 是一个基于 CSS 和 LESS 的字体图标工具包。可以轻松的用 css 来控制字体的颜色，大小，阴影等。关于Font Awesome ，更多信息可以访问这里：

带你了解字体和图标工具包——Font Awesome 
https://www.zhuige.com/news/1010.html

为了更方便在追格小程序中的使用字体图标，追格为用户提供了简单的Font Awesome 字体图标的引入方式，详细操作流程如下：

1.下载 Font Awesome 字体组件，本字体组件基于Font Awesome 4.7.0压缩

链接: https://pan.baidu.com/s/1tmghsXt-UfUk7gASiNhDhw?pwd=hq5x
提取码: hq5x 

2.追格小程序项目根目录新建 font 目录

3.解压文件后，将font-awesome.css和FontAwesome.tt两个文件拷贝到 font 目录中

4.修改App.vue,在css调用后增加以下代码，即可以正常使用Font Awesome 字体图标了

@import "font/font-awesome.css";

以下为Font Awesome 字体图标网址，供大家参考其包含的图标，方便项目中调用

http://www.fontawesome.com.cn/

在调用Font Awesome 字体图标时，可以使用text，i，view等标签增加对应的class即可

字体图标在追格中应用的简单范例，这里仅用特殊标签图标做展示

<view class="zhuige-block">
			<view class="zhuige-tags-group">
				<view class="zhuige-social-address">
					<view>
						<text class="fa fa-camera-retro" aria-hidden="true"></text>
						<view>摄影小组</view>
					</view>
				</view>
				<view class="zhuige-social-address">
					<view>
						<text class="fa fa-fire" aria-hidden="true"></text>
						<view>本周最热</view>
					</view>
				</view>
				<view class="zhuige-social-address">
					<view>
						<text class="fa fa-motorcycle" aria-hidden="true"></text>
						<view>摩旅一族</view>
					</view>
				</view>
			</view>

更多如何应用Font Awesome 字体图标的方式，我们会在后续的教程里与大家分享。