微信小程序开发引入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

解决问题