Typekit字体事件对Flash Of Unstyled (FOUC)无济于事

Question

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

这个解决方案在我的本地环境中工作得很好，在生产环境中，它在重新加载页面时似乎也工作得很好。但在产品中从一个页面点击到另一个页面时，它不起作用(截屏视频：http://screencast.com/t/m8YQwFNNsrv)

我认为不同之处在于，当从一个页面点击到另一个页面时，浏览器缓存是被利用的。

Answer 1

可能是一种竞争状况。在您到达页面底部之前，web字体响应正在求值(从缓存中)，JS将在页面底部执行隐藏这些元素的操作，但此时没有任何效果。

我一直觉得更好的做法是让FOUC发生，而不是在web字体最终无法加载而你隐藏内容的情况下绕过许多边缘情况。