微信小程序开发引入icon图标出现小框的问题

在练习引入icon图标时无论怎么更改都会出现小框

首先检查是否在iconfont.json中的font_family是否写了iconfont
"font_family": "iconfont",
若还出现小框问题则需要打开icon官网。先把要插入的图标添加到我的项目中。
添加后点击资源管理->我的项目->点击复制代码

把复制下来的代码复制到iconfont.wxss的
@font-face {

}
打开download中的 demo_index.html
找到图片的索引名注意名字要带 ‘#’号

在想要渲染的wxss文件中加入我的是
<text class="iconfont #icon-icon"></text>
注意前面要加上iconfont

解决问题

微信小程序开发引入icon图标出现小框的问题相关推荐

微信小程序开发引入RUM，实现小程序监控
在做微信小程序开发过程中,希望对自己小程序的性能,质量有一个更好的把控,因此希望引入RUM产品来做补充,相应产品的链接如下: 前端性能监控RUM_前端监控_页面监控- 腾讯云一.安装:根据RUM接入 ...
微信小程序开发-引入阿里巴巴矢量icon图标库
微信小程序开发-引入阿里巴巴矢量icon图标库 https://blog.csdn.net/tang1392/article/details/78927107
原生小程序之引入 icon字体图标
目录原生小程序之引入 icon字体图标字体图标的配置原生小程序之引入 icon字体图标 icon官网 01:挑选对应的字体图标 02:添加入项目 ( 需要自己创建一个项目 ) 03:点击下 ...
uniapp开发小程序，引入腾讯兔小巢插件，兔小巢页面导航头部样式错乱问题
uniapp开发小程序,引入腾讯兔小巢插件,导航头部样式错乱问题 uniapp开发小程序,引入腾讯兔小巢插件,导航头部样式错乱问题 uniapp开发微信小程序,所有页面头部导航都是自定义的,引入腾讯兔 ...
微信小程序开发教程7：实现小程序登陆功能
平凡也就两个字: 懒和惰; 成功也就两个字: 苦和勤; 优秀也就两个字: 你和我. 跟着我从0学习JAVA.spring全家桶和linux运维等知识,带你从懵懂少年走向人生巅峰,迎娶白富美! 关注微信 ...
微信小程序开发【一】-- 初识小程序
小程序已经火了很久了,一直想学习小程序,苦于工作比较忙,加班比较多没时间,当然这其实都是理由,很多时候习惯了搬砖,习惯了固定的圈子,很难也不想涉足其他的领域,但是也不能老错过一波又一波新鲜的东西吧. ...
车队小程序开发制作年轻玩家的小程序系统
车队小程序开发制作年轻玩家的小程序系统车队小程序是一款服务90后年轻玩家的小程序系统.用户可以在线玩惩罚游戏.加入车队参与活动.社交信用分评估. 功能包括: 1.随机惩罚,可以随机生成各种惩罚事件 ...
微信小程序-如何使用icon图标
原微信小程序使用字体图标 2017年07月03日 19:29:09 阅读数:24209 项目中常常需要使用到字体图标,微信小程序中使用字体图标与在平常的web前端中类似但是又有区别.下面以使用阿里图 ...
微信小程序开发引入vant框架（步骤详细，供学习的同学们参考）
一.安装nodejs 参考网址下载node的网址:http://nodejs.cn/download/ node安装及配置的网址:https://blog.csdn.net/JingYan_Chan ...

微信小程序开发引入icon图标出现小框的问题

微信小程序开发引入icon图标出现小框的问题相关推荐

最新文章

热门文章