微信小程序 - iconfont 图标字体

你还在使用图片做为小程序的图标？好像有点Outer了啵。

大猪告诉你们如何在小程序上使用iconfont字体图标。

使用指南

登陆阿里巴巴iconfont.cn

新建一个项目

点击icon收藏、或者搜索

加入到项目中

下载

到项目下载到本地解压

生成代码

复制iconfont.css到xxx.wxss

替换iconfont.css中的@font-face为上面的生成代码

xxx.wxss样式中@import使用@import "../../../css/test.wxss";

wxml中使用

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

显示结果以下

最后

天天发布更多新鲜有含量的技术文章、总有一款适合你。

快关注我、把我打包带走。

---------------END----------------

后续的内容一样精彩

长按关注“IT实战联盟”哦