微信小程序开发技巧：使用iconfont iconfont

iconfont 是网页开发中使用最广泛的灵活图标字体工具。这里介绍一下如何在微信小部件中引入iconfont图标。

首先找到你想要使用的图标，点击购物车，下载到本地。

下载到本地是压缩包。解压后，将iconfont.css文件复制到微信小程序中的styles文件夹中（也可以按照下面习惯放在你想放的地方（如） 字体），将后缀更改为.wxss

在app.wxss中引入样式：

@import "styles/iconfont.wxss";

。则该图标只能在中使用。在 wxml 中。网络使用 i 标签。该小部件使用text标签：

<text class="iconfont icon-my-edit" style="color: blue"></text>

如果您想稍后添加新图标，要将新的iconfont.css文件下载到本地重命名并覆盖它，请通过再次处理。

当然，如果你使用的样式库提供的一些图标能够满足你的要求那就更好了，而且不需要引入外部图标字体文件，但大多数情况下都不满意？