緩存簡單的網站上的字體，以防止FOIT？

Question

我的網站速度非常慢，至少是字體，我得到了大量的FOIT。我已經通過在主頁上放置微調器來解決這個問題，直到加載字體才顯示網站。但是，當我訪問其他網頁時，我仍然收到FOIT - 怎麼回事？我以爲現在字體已經加載了，不需要再次加載？

如果情況並非如此，我可以以某種方式緩存並保存它，一旦它的加載？

我使用普通的HTML，PHP，CSS。

Answer 1

見this post描述瞭如何使用字型加載器和監控，以避免「閃爍隱形文本」（FOIT。）

具體回答有關加載一次字體緩存：這應該發生，所以有可能發生以下問題之一：

• 您的服務器沒有爲字體發送適當的緩存控制標題，導致它們在後續頁面上被重新請求。
• 後續頁面引用的是不同於主頁的URL的不同字體文件或字體文件。