最近学习微信小程序，想在自己写演示的时候引用巴里巴巴图标库的图标，所以：

@ font-face { font-family : ' icon font '；src : URL(' icon font . eot ')；src: url('iconfont.eot？#iefix ')格式(' embedded-opentype ')、url('iconfont.woff ')格式(' woff ')、url('iconfont.ttf ')格式(' truetype ')、url('iconfont.svg#iconfont ')格式(' SVG ')；}.icon font { font-family : ' icon font '；font-size :16 px；font-style : normal；-web kit-font-smooth :抗锯齿；-web kit-text-stroke-width : 0.2 px；-moz-OSX-font-smooth :灰度；}这是通常的书写方式，但发现这种书写方式需要报错。检查后发现小程序wxss文件的font-face URL不接受http地址作为参数，但可以接受base64，所以需要下载字体文件，转换成base64，然后引用。

方法：

下载阿里巴巴标志库后，转换图标。翻译地址：https://transfonter.org/

这里有一个简单的步骤：

转换后的目录：

将css文件导入。外部使用的wxss文件(@ import '././lib/style/lib . wxss '；)

最后，您可以使用它：

. icon : after { font-family : ' icon font '；font-weight : 500；font-style:正常；content: ' e698'}摘要

以上是边肖介绍的微信小程序中引用iconfont图标的方法。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！