全局字体样式引入无效
- 当前 Bug 的表现(可附上截图) 在 app.js 中进行引入网络字体样式,代码如下: [代码]onLaunch: [代码][代码]function[代码] [代码]() {[代码][代码] [代码][代码]wx.loadFontFace({[代码][代码] [代码][代码]family: [代码][代码]'HYZhengYuan'[代码][代码],[代码][代码] [代码][代码]source: [代码][代码]'url("https://xxx.com/fonts/HYZhengYuan-45W-2.otf")'[代码][代码],[代码][代码] [代码][代码]success: [代码][代码]function[代码] [代码](res) {[代码][代码] [代码][代码]console.log([代码][代码]"字体加载成功:"[代码] [代码]+ res.status) [代码][代码]// loaded[代码][代码] [代码][代码]},[代码][代码] [代码][代码]fail: [代码][代码]function[代码] [代码](res) {[代码][代码] [代码][代码]console.log([代码][代码]"字体加载 error:"[代码] [代码]+ res.status) [代码][代码]// error[代码][代码] [代码][代码]},[代码][代码] [代码][代码]complete: [代码][代码]function[代码] [代码](res) {[代码][代码] [代码][代码]console.log([代码][代码]"字体加载:"[代码] [代码]+ res.status);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]});[代码][代码]}[代码]随后在 app.wxss 中配置字体样式: [代码]page {[代码][代码] [代码][代码]background-color:[代码][代码]#F7F7F7;[代码][代码] [代码][代码]height:100%;[代码][代码] [代码][代码]font-family: HYZhengYuan !important;[代码][代码]}[代码]发现只有 index 页面下除 textarea 引入无效之外,其他内容均应用字体样式成功,但是其他的页面则引用无效。 在模拟器中演示效果正确,但在实际真机上,textarea 无效,部分截图如下: [图片] [图片] 以下为测试设备型号: 模拟器:iPhone X 真机:iPhone XS MAX - 预期表现 在全局 app.js 加载字体样式,并在 app.wxss 中引用后,当前小程序字体样式随即变更。 - 复现路径 - 提供一个最简复现 Demo