Javascript Typekit字体事件不是';t帮助未格式化内容的闪存(FOUC)
我使用字体事件解析了FOUC。我使用Javascript Typekit字体事件不是';t帮助未格式化内容的闪存(FOUC),javascript,html,css,typekit,Javascript,Html,Css,Typekit,我使用字体事件解析了FOUC。我使用可见性隐藏了p、h1、h2、a、span,在页面的页脚处隐藏了一些javascript,然后在typekitactive事件中将它们设置回visible 此解决方案在本地环境中运行良好,在生产环境中,在重新加载页面时似乎运行良好。但在制作过程中,从一页到另一页点击时,它不起作用(screencast:) 我认为不同之处在于,当在页面之间点击时,浏览器缓存被利用了 可能是竞争条件。web字体响应是在到达页面底部之前(从缓存中)进行计算的,在页面底部执行JS以隐藏
可见性隐藏了p、h1、h2、a、span
,在页面的页脚处隐藏了一些javascript,然后在typekitactive
事件中将它们设置回visible
此解决方案在本地环境中运行良好,在生产环境中,在重新加载页面时似乎运行良好。但在制作过程中,从一页到另一页点击时,它不起作用(screencast:)
我认为不同之处在于,当在页面之间点击时,浏览器缓存被利用了 可能是竞争条件。web字体响应是在到达页面底部之前(从缓存中)进行计算的,在页面底部执行JS以隐藏这些元素,但到那时没有效果
我总是发现,如果web字体最终无法加载,而您隐藏了内容,那么最好还是让FOUC发生,而不是解决许多边缘问题。Hm-我会试试看是否能抓住这种竞争条件。我现在真的在想,我可能会恢复到在非异步模式下使用typekit——FOUC在一段时间后变得非常烦人。好吧,看来这实际上是我们正在使用的Wistar嵌入式的一个问题。我会在收到回复后发布详细信息。