Typekit字體事件沒有幫助閃存的無風格內容（FOUC）

Question

我使用字體事件解決了FOUC。我隱藏了p, h1, h2, a, span，使用visibility: hidden，頁面的頁腳有一些javascript，然後在typekit active事件中將它設置回visible。

這個解決方案在我的本地環境中工作正常，在生產中它似乎在進行頁面重新加載時工作正常。但在生產中逐頁點擊時不起作用（屏幕截圖：http://screencast.com/t/m8YQwFNNsrv）

我相信不同之處在於，在頁面之間進行點擊時，瀏覽器緩存被利用。

Answer 1

可能是一種競爭條件。在到達頁面底部之前，Web字體響應正在評估（從緩存中），在該頁面底部，您的JS將隱藏這些元素，但此時不起作用。

我總是發現它只是讓FOUC發生而不是圍繞許多邊緣情況工作，如果Web字體最終加載失敗並且隱藏內容。