技術標籤：css3css

一、使用步驟

• 1、登入阿里巴巴字型圖示庫

• 2、搜尋自己想要的字型圖示

• 3、加入到購物車中

• 4、購物車中的圖示加入一個專案中

• 5、在資源管理中找到我的專案，下載到本地

• 6、將解壓出來的檔案目錄中拷貝iconfont.css到小程式專案的fonts/iconfont.wxss(注意小程式要改檔案字尾名)

• 7、刪除@font-face下面部分內容瀏覽器的引入

  /*只留下這個就可以*/
  @font-face {
    font-family: "iconfont";
    src: url('data:....') format('woff2'
   
  ); 
  }
  

• 8、在app.wxss中全域性引入字型圖示

  @import './fonts/iconfont.wxss';
  

• 9、使用字型圖示

  <text class="iconfont icon-gouwuche"></text>
  <!--iconfont是預設的 icon-gouwuche根據自己選擇的字型圖示複製-->