小程序引入阿里字体包

1.阿里巴巴矢量图库下载阿里字体包iconfont-阿里巴巴矢量图标库

2. 下载完成找到.ttf后缀的文件重名上传到服务器

3. 在小程序创建一个font文件夹，新建一个wxss后缀的文件，里面是上一步上传的字体包，可以存放多个，每个字体包可以自定义命名，后面使用的时候要对应上

@font-face {
  font-family: "HarmonyTest";  /* 这里的字体名称是自定义的 */
  src: url("https://*************.com/1.ttf"); /* 这里的路径是上传的字体包文件的地址 */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HarmonyEasy";  
  src: url("https://*************.com/2.ttf"); 
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

4.在需要使用字体包页面的wxss文件引入字体包

/* 引入字体包 */
@import'../../font/icon-font.wxss';

.test{
  font-family: "HarmonyTest";   /* 对应上一步的自定义名称 */
}

5.直接使用class属性就能看到效果了