在 chrome、firefox 和 safari 中,当自定义字体准备好时文本淡入是即时的,但在 ios safari 中需要相当长的时间

问题描述

当我的页面自定义字体加载时,我在 部分中的一些文本逐渐消失。以下代码在 chrome、firefox、safari 和 android chrome 上完美运行/几乎立即(约 1 秒)运行,但在 iOS safari 上加载相同内容时需要相当长的时间(约 4-5 秒)。


document.fonts.ready.then( function() { 
    var darabok = document.getElementsByClassName("title"); 
    for(var i=0; i< darabok.length; i++) { darabok[i].classList.remove('titlefade'); }
});  

这里有什么我遗漏的吗?它必须是与 iOS Safari 相关的问题,因为它在所有其他平台和浏览器上都运行良好。

iOS Safari 中的 document.fonts.ready.then 是否存在任何已知问题?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)