微信小程序如何套用iconfont

标题图

查看官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/

前言

如果你在开发微信时，没有图标的话，可以到http://www.iconfont.cn/ 官方下使用图标，那么我们去使用一些吧，到官方网址下点击使用~

图片

图片

下载代码即可使用，看看下载的文件吧。

下载目录

如图可以用demo_fontclass.html下的例子。打开微信小程序开发工具。

目录

接下来使用代码：

<!--index.wxml-->
<view class="container">

  <view>广州塔<i class="iconfont icon-ziyuan"></i></view>
</view>

/**index.wxss**/
@import '../iconfont/iconfont.wxss';

效果图：

效果

结语

• 你完成了吗？是不是，很容易呢？是不是很简单呢？
• 小礼物走一走 or 点赞