记录小程序中使用阿里字体图标的步骤

一、使用步骤

• 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根据自己选择的字体图标复制-->