小程序
小游戏
企业微信
微信支付
扫描小程序码分享
问题如上图， 上面那个iconfont是写在index.wxml里面的，能正常显示 下面的一排iconfont写在自定义组件里 不能正常显示
8 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
在js中加入下面的代码，就生效喽。 options: { addGlobalClass: true }
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
我试下来结果倾向于组件中，app.wxss中的全局样式无效；我把iconfont的css在组件中重新引入就能正常展示icon了
在js中加入下面的代码，就生效喽。 options: { addGlobalClass: true } 亲测可行。
我这边也遇到了同样的问题 在页面里面正常使用,在自定义组件里面就是小方框显示不出来 不知楼主是否解决了问题,我没有尝试转成base64使用
我也遇到这种问题了，其中错误有：组件wxss中不允许使用某些选择器 ，应该是在组件中不允许使用@import吧
正常来讲，字体图标只能支持单色。
推荐一个可以支持多色彩的iconfont开源库：
https://github.com/fwh1990/mini-program-iconfont-cli
这个iconfont样式文件是否引入了，组件默认不会应用app.wxss和page.wxss的样式。
引入了的，不然会是空，不会出2竖这个乱码图
审查下wxml结构，看看对应的样式是否正常加载了，看下是否是路径错了。
您看看，我这里颜色上去了 说明字体样式是正常引入的 然后上面的路径问题吗？
是不是要网络地址，我现在是测试开发者工具的，用的本地
后面会换网络路径
不行就换tabbar算了，叫设计做图
这种不行的，要转成base64的。。
tabbar的icon 请使用 本地路径的图片地址。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
在js中加入下面的代码，就生效喽。 options: { addGlobalClass: true }我试下来结果倾向于组件中，app.wxss中的全局样式无效；我把iconfont的css在组件中重新引入就能正常展示icon了
在js中加入下面的代码，就生效喽。 options: { addGlobalClass: true } 亲测可行。我这边也遇到了同样的问题 在页面里面正常使用,在自定义组件里面就是小方框显示不出来 不知楼主是否解决了问题,我没有尝试转成base64使用
我也遇到这种问题了，其中错误有：组件wxss中不允许使用某些选择器 ，应该是在组件中不允许使用@import吧
正常来讲，字体图标只能支持单色。
推荐一个可以支持多色彩的iconfont开源库：
https://github.com/fwh1990/mini-program-iconfont-cli
这个iconfont样式文件是否引入了，组件默认不会应用app.wxss和page.wxss的样式。
引入了的，不然会是空，不会出2竖这个乱码图
审查下wxml结构，看看对应的样式是否正常加载了，看下是否是路径错了。
是不是要网络地址，我现在是测试开发者工具的，用的本地
后面会换网络路径
不行就换tabbar算了，叫设计做图
这种不行的，要转成base64的。。
tabbar的icon 请使用 本地路径的图片地址。