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

此文演示如何在小程序上使用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
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,734评论 25赞 709
  • 微信小程序学习资料
    转载链接 注：本文转载知乎上的回答 作者：初雪 链接：https://www.zhihu.com/question...
    pengshuangta阅读 29,052评论 9赞 295
  • 疼痛是你的上师
    现在痛是为了以后不痛；现在怕痛，以后更痛； 趁年轻，痛一痛没什么大不了。 • 很多人第一次接触瑜伽，并没有所谓的舒...
    訪問权com阅读 3,851评论 0赞 1
  • 秋天很轻
    这个秋天很轻 阳光，云儿，风，都很轻 叶子也很轻 它跳着轻快的舞步回到了秋天 那里没有多愁善感 只有轻飘飘的旧时光
    清雨涤凡尘阅读 2,865评论 0赞 1
  • 感恩节      纪念早逝的母亲
    似乎是一道坚实宽原的城墙 在倾刻间突然倒塌 似乎是午后的太阳 突然间被乌云遮拦 母亲啊 你是我爱的光亮 而倾刻...
    湘中布衣秀才阅读 1,859评论 0赞 0