继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

微信小程序iconfont图标字体解决方案

大猪大数据
关注TA
已关注
手记 23
粉丝 54
获赞 410

此文演示如何在小程序上使用iconfont字体图标。

使用说明

登录阿里巴巴iconfont.cn
image.png
新建项目
image.png
点击icon收藏
image.png
加入到test项目中
image.png
下载到本地解压
image.png
生成代码
image.png
复制iconfont.css到xxx.wxss
image.png
替换iconfont.css中的@font-face为上面的生成代码
image.png
xxx.wxss样式中@import使用

@import "../../../css/test.wxss";

wxml中使用

<text class='iconfont icon-home' style='color:#7F8389;font-size:60rpx;'></text>

显示结果
image.png

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP