Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Typekit字体事件不是';t帮助未格式化内容的闪存(FOUC)_Javascript_Html_Css_Typekit - Fatal编程技术网

Javascript Typekit字体事件不是';t帮助未格式化内容的闪存(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以隐藏

我使用字体事件解析了FOUC。我使用
可见性隐藏了
p、h1、h2、a、span
,在页面的页脚处隐藏了一些javascript,然后在typekit
active
事件中将它们设置回
visible

此解决方案在本地环境中运行良好,在生产环境中,在重新加载页面时似乎运行良好。但在制作过程中,从一页到另一页点击时,它不起作用(screencast:)


我认为不同之处在于,当在页面之间点击时,浏览器缓存被利用了

可能是竞争条件。web字体响应是在到达页面底部之前(从缓存中)进行计算的,在页面底部执行JS以隐藏这些元素,但到那时没有效果


我总是发现,如果web字体最终无法加载,而您隐藏了内容,那么最好还是让FOUC发生,而不是解决许多边缘问题。

Hm-我会试试看是否能抓住这种竞争条件。我现在真的在想,我可能会恢复到在非异步模式下使用typekit——FOUC在一段时间后变得非常烦人。好吧,看来这实际上是我们正在使用的Wistar嵌入式的一个问题。我会在收到回复后发布详细信息。