少字型載入影響的新方法

rahul5

這個選項基本上使網路字型成為可選的，或者換句話說，如果在頁面需要它時字型不存在，那麼瀏覽器永遠不會交換它。使用此選項，我們基本上只使用已經下載的字型，從而避免 。

如果網路字型不可用，我們會回退到後備字型，但下一頁導航（或重新載入此頁面）將使用該字型——因為到那時它應該已經完成​​下載。但是，如果 Web 字型對站點來說不那麼重要，那麼完全刪除它可能是個好主意——這對 Web 效能來說甚至更好！

第一印象很重要，完全沒有網路字型的初始載入似乎有 whatsapp 手機號碼列表  點太多了。我也認為——順便說一句，絕對沒有證據支援這一點！— 它會給人們留下這樣的印象，也許是下意識地，網站有些“不對勁”，可能會影響人們使用網站的方式。

因此，所有字型選項都有其缺點，包括根本不使用網路字型或使用系統字型的選項（這是有限制的——但也許不像許多人想象的那樣有限制！）。

使您的後備字型更接近您的字型
Web 字型載入的聖盃一直是使後備字型更接近實際的 Web 字型，以儘可能減少明顯的偏移，從而swap減少使用的影響。雖然我們永遠無法完全避免這些轉變，但我們可以做得比上面的截圖更好。




目前，該規範有各種各樣的免責宣告和警告，表明它還沒有為實時做好準備，但它確實感覺它正在實現。與往常一樣，我們、設計人員和開發人員之間保持平衡，測試它並提供反饋，並勸阻使用它，因此實施不會因為太多人最終使用早期草案而停滯不前。
已經表示他們打算在7 月 20 日釋出的Chrome 92 中可用，這size-adjust大概表明它快到了。

所以，還沒有完全準備好，但看起來它會在不久的將來到來。同時，試一試Chrome Canary 中的演示，看看它是否可以更接近於解決您的字型載入問題及其造成的 CLS 影響。