>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3533942. --> Reported by: [mherchel](https://www.drupal.org/user/118428) Related to !176 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>Bluecheese is loading eight fonts on the initial homepage page load. This by itself isn't bad, but there are several issues:</p> <ol> <li>We're using woff fonts instead of woff2. Woff 2 <a href="https://caniuse.com/woff2">has been supported for many years</a>, and core themes exclusively use that format because it's a bit smaller.</li> <li>Noto Sans Light (257kb) is waaaaaaay larger than the other fonts. I'm guessing this specific font file has support for many glyphs that we won't be using. When I pulled down that font weight for the same font, it was only 13kb, which is significant.</li> <li>We're not making use of the new(ish) <code>font-display</code> CSS property, which allows us to control when fallback fonts appear. This is really important for those on slow internet connections (like at conferences that have slow wifi (cough... drupalcons... cough)</li> </ol> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>Delete old font files<br> Reformat the font-face rules to only load woff2, and use font-display.</p> <p><img src="https://www.drupal.org/files/issues/2025-07-03/Home___Drupal_org.png" alt></p>