小程序-引入iconfont

1. iconfont官网： https://www.iconfont.cn/； 选择需要的图标，添加至一个项目
2. 进入个人主页，查看对应项目的图标并生成在线样式：

3. 进入在线链接，复制生成的样式

点击查看代码

@font-face {
  font-family: "iconfont"; /* Project id 3264231 */
  src: url('//at.alicdn.com/t/font_3264231_tn857caruk.woff2?t=1647847181289') format('woff2'),
       url('//at.alicdn.com/t/font_3264231_tn857caruk.woff?t=1647847181289') format('woff'),
       url('//at.alicdn.com/t/font_3264231_tn857caruk.ttf?t=1647847181289') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cart:before {
  content: "\e6af";
}

.icon-40one:before {
  content: "\e66a";
}

.icon-star:before {
  content: "\e633";
}

.icon-star1:before {
  content: "\e629";
}

.icon-searchcart:before {
  content: "\e763";
}

.icon-user:before {
  content: "\e66d";
}

4. 回到小程序，创建一个iconfont.wxss并粘贴样式
5. 在app.wxss中引入iconfont.wxss

@import "./styles/iconfont.wxss";

6. 在要使用的wxml文件中使用

<text class="iconfont icon-searchcart"></text>