码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-05-16 12:58:46      阅读:1253      评论:0      收藏:0      [点我收藏+]

标签:string   text   ack   asc   pre   tag   阿里   target   方案   

1)首先,登录阿里巴巴iconfont.cn

技术分享图片

2)新建项目

技术分享图片

3)点击icon收藏

技术分享图片

4)加入到test项目中

 技术分享图片

5)下载到本地解压

 技术分享图片

6)生成代码

 技术分享图片

7)复制iconfont.css到xxx.wxss

 

8)替换iconfont.css中的@font-face为上面的生成代码技术分享图片

技术分享图片

9)xxx.wxss样式中@import使用

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

10)wxml中使用

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

显示结果

 技术分享图片

 

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

标签:string   text   ack   asc   pre   tag   阿里   target   方案   

原文地址:https://www.cnblogs.com/tianyou-songshao/p/9044907.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!