小程序
小游戏
企业微信
微信支付
扫描小程序码分享
Skyline渲染,使用iconfont图标,开发者工具可以正常显示,Android手机也可以正常显示,iOS手机显示不出来,什么也没有。
本地ttf文件,base64都试过了。
兼容模式也使用过,也不行。
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
提供个片段看下
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
skyline 渲染好像需要font-family的值跟字体FontClass/Symbol prefix保持一致才行,
@font-face { font-family: "icon"; // 这里的名称需要跟下面prefix保持一致 src: url("https://cdn.ali....."); } .iconfont { font-family: "icon"; // 这里的名称需要跟下面prefix保持一致 font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-display: swap; font-variant: normal; text-transform: none; line-height: 1; } // prefix 为icon .icon-view::before { content: "\e847"; }
skyline下不稳定,iOS 时好时坏,很坑爹
同遇到了此问题,之前还好好地,今天突然发现 ios 下的 iconfont 都不显示了
本回答由AI生成,可能已过期、失效或不适用于当前情形,请谨慎参考
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
提供个片段看下
skyline 渲染好像需要font-family的值跟字体FontClass/Symbol prefix保持一致才行,
@font-face { font-family: "icon"; // 这里的名称需要跟下面prefix保持一致 src: url("https://cdn.ali....."); } .iconfont { font-family: "icon"; // 这里的名称需要跟下面prefix保持一致 font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-display: swap; font-variant: normal; text-transform: none; line-height: 1; } // prefix 为icon .icon-view::before { content: "\e847"; }
skyline下不稳定,iOS 时好时坏,很坑爹
同遇到了此问题,之前还好好地,今天突然发现 ios 下的 iconfont 都不显示了