在网页设计的时候，我们经常会用到Font Awesome Icons，特别是在页面上使用社交网站的图标时，使用这个字体设计的icon，我们就无需引入图片文件。因为它是字体，所以跟普通文字放在一块儿非常协调，我们也不需要在CSS上做任何调整。

那么，在微信小程序里面，我们如何使用Font Awesome的各种icon呢？好在大神已经公布了方法，我在这里把已经用base64编码转换过的css文件提供出来供大家直接使用，省去大家自行编码的麻烦。

将下面这段css代码的全部内容加入到小程序根目录下的app.wxss文件末尾：

http://7xsauc.com1.z0.glb.clouddn.com/static/css/fontawesome.css

然后在需要引用Font Awesome Icons的页面文件.wxml中，加入如下格式的html代码：

<text class="fa fa-phone" style="color:#1199ed"></text>

具体引用哪一个图标，大家可以在上面发的css代码中查找。

最终效果如下：

是不是很好看呢？马上在小程序里用起来吧！