微信小程式使用阿里巴巴圖示

因為業務需求專案上要使用一些圖示，下面簡單的介紹一下使用方法。

• 首先登陸自己的iconfont的賬號
  阿里巴巴向量圖示庫
• 在圖示管理我的專案中檢視
  
• 下載並儲存檔案iconfont.css；
  
  
• 把檔案放入到微信小程式專案中，並把字尾更改為*.wxss;
  
  
  
• 在所需要的檔案下引用；我這裡直接引入到全域性app.wxss裡面了；
  
• 然後就是使用了
• 

<view class="iconfont icon-pencil-square testicon"></view>
.testicon {
  color: #08bb06;
  background: #f00
 
;
  font-size: 50rpx;
  text-align: center;
  line-height: 50rpx;
  border-radius: 50%;
  width: 50rpx;
  height: 50rpx;
  padding: 50rpx;
}

效果圖：

大功告成！