微信小程序引用css字体库

IconFont（图标字体）是用字体来代替图标、图片文件的方法，通过IconFont可以对图标的大小、颜色等进行控制。微信小程序的wxss文件的font-face的url不接受http地址作为参数，但可以接受base64，需将图标字体文件转换为base64后引用。可以从阿里巴巴图标库（http://www.iconfont.cn/）选择项目所需要的IconFont，并下载至本地。

解压后把样式文件iconfont.wxss放到项目中，

.iconfont {
  font-family: "iconfont" !important;
  font-size: 22px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-wode:before {
  content: "\e659";
}

下图是全的样式代码
在wxml中写法：

<view class="success">
    <text class="**iconfont icon-chenggonganli**"></text>
    <view class="success-title">订单支付成功</view>
</view>

最后来一个实际效果图

图标还可以根据自己的需求添加渐变，这样效果会好看点。

background: linear-gradient(to right, #e54d42, #f37b1d);
-webkit-background-clip: text;
background-clip: text;
color: transparent;