uni-app 使用iconfont图标字体

在iconfont中，选择想要的图标，加入购物车，添加至项目：

点击： 下方新 icon 来袭，点击更新代码，更新后将支持 WOFF2 格式 ， 复制代码至浏览器打开：

复制对应的css代码至你的项目中的static文件夹下，创建的iconfont.css文件中 ：

@font-face {font-family: "iconfont";
    src:url('https://at.alicdn.com/t/font_1529268_gm4lr2u34im.ttf') format('truetype') /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */;
}
	
.iconfont {
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size:$uni-font-size-lg;
}
.icon-xin:before {
  content: "\e623";
}

最后，还要更新下@font-face 中的字体的url路径，替换成下边路径：

在项目中，使用css类名即可：

<view>爱心图标</view>
<text class="'iconfont font-public icon-xin"></text>

来源：CSDN

作者：红旗下的小兵

链接：https://blog.csdn.net/qq_42778001/article/details/103754676