diff --git a/head.html b/head.html
index 8ee3445..14e36d7 100644
--- a/head.html
+++ b/head.html
@@ -7,6 +7,4 @@
 <script nonce="aem" src="/scripts/aem.js" type="module"></script>
 <script nonce="aem" src="/scripts/scripts.js" type="module"></script>
 <link rel="stylesheet" href="/styles/styles.css"/>
-<!-- Adobe Fonts (quasimoda) for the nav -->
-<link rel="stylesheet" href="https://use.typekit.net/mvi1kov.css"/>
 
diff --git a/scripts/scripts.js b/scripts/scripts.js
index 34716e7..3fd8f90 100644
--- a/scripts/scripts.js
+++ b/scripts/scripts.js
@@ -36,6 +36,9 @@ function buildHeroBlock(main) {
  */
 async function loadFonts() {
   await loadCSS(`${window.hlx.codeBasePath}/styles/fonts.css`);
+  // Adobe Fonts (quasimoda) for the nav; loaded async so it never blocks LCP,
+  // the Roboto fallback in fonts.css covers text until this swaps in
+  loadCSS('https://use.typekit.net/mvi1kov.css');
   try {
     if (!window.location.hostname.includes('localhost')) sessionStorage.setItem('fonts-loaded', 'true');
   } catch (e) {