小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在自定义组件中,我用@font-face来渲染字体图标,但是显示出来的是乱码,而在自定义组件外却正常。
没法渲染
11 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
是不是因为

没有正常转义?
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
我花了两天时间找到了原因, 直接引用线上的,要在安卓下能正常显示要设置服务器允许跨域,
或者将字体文件转出base64直接引入,希望能帮上忙,不要在入坑了
我用阿里图标 http://www.iconfont.cn/ 正常情况下web版没问题,而且用wepy框架写也没问题,但是用小程序模板写就没法正常显示
额,好像确实不行,我是用的wepy框架,wepy框架会把这个转换,而小程序直接这样写好像不行
正常显示是加号
是的,都是中间有个打印机的样子。正常显示应该是什么样子?
你的意思是,图标组件和页面上都没法正常显示吗?
没有复现你的问题,组件和页面上

都是截图里乱码的样子。
/* wxss */
@font-face { font-family: 'iconfont'; /* project id 540717 */ src: url('//at.alicdn.com/t/font_540717_1da1ynkdlp4lsor.eot'); src: url('//at.alicdn.com/t/font_540717_1da1ynkdlp4lsor.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_540717_1da1ynkdlp4lsor.woff') format('woff'), url('//at.alicdn.com/t/font_540717_1da1ynkdlp4lsor.ttf') format('truetype'), url('//at.alicdn.com/t/font_540717_1da1ynkdlp4lsor.svg#iconfont') format('svg');}.su-icon { font-family:"iconfont" !important; font-size:16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; /*vertical-align: middle;*/}
}
/* wxml */
<view class="su-icon"></view>
你可以在组件和页面上都测试下。
你好,可以提供一下上面代码的文本吗?我们复现查一下问题。
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
是不是因为

没有正常转义?
我花了两天时间找到了原因, 直接引用线上的,要在安卓下能正常显示要设置服务器允许跨域,
或者将字体文件转出base64直接引入,希望能帮上忙,不要在入坑了
我用阿里图标 http://www.iconfont.cn/ 正常情况下web版没问题,而且用wepy框架写也没问题,但是用小程序模板写就没法正常显示
额,好像确实不行,我是用的wepy框架,wepy框架会把这个转换,而小程序直接这样写好像不行
正常显示是加号
是的,都是中间有个打印机的样子。正常显示应该是什么样子?
你的意思是,图标组件和页面上都没法正常显示吗?
没有复现你的问题,组件和页面上

都是截图里乱码的样子。
/* wxss */
/* wxml */
你可以在组件和页面上都测试下。
你好,可以提供一下上面代码的文本吗?我们复现查一下问题。