在微信小程序如何引用iconfont?
1.首先进入iconfont 选择自己喜欢的图标
2.选择自己喜欢的图标加入购物车
3.将图标添加至项目(如果没有项目就随便新建一个项目)
4.打开个人主页
找到自己的项目,点击 Font class
5.复制链接
跳转到代码页面,由于我们的图标是在所以我们要将链接的后缀.css改成.wxss。复制全部代码
在微信小程序文件夹中,有一个style文件夹,新建一个文件iconfont.wxss然后将代码粘贴在此
因为要用这个图标文件所以在app.wxss文件中写下
@import "./styles/iconfont.wxss”
例子:
假设我们要在index页面引用一个图标,所以在index.wxml中写下
<view>首页
<text class="iconfont icon-shoucang"></text>
</view>
则页面显示效果为