diff --git a/packages/host/app/index.html b/packages/host/app/index.html
index 345c7e7d75..52cc6153c1 100644
--- a/packages/host/app/index.html
+++ b/packages/host/app/index.html
@@ -13,18 +13,17 @@
       rel="stylesheet"
       href="{{rootURL}}assets/@cardstack/host.css"
     />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link rel="preload" href="{{rootURL}}assets/fonts/IBMPlexSansVar-Roman.woff2" as="font" type="font/woff2" crossorigin />
+    <link rel="preload" href="{{rootURL}}assets/fonts/IBMPlexMono-Regular.woff2" as="font" type="font/woff2" crossorigin />
+    <link rel="preload" href="{{rootURL}}assets/fonts/IBMPlexMono-Bold.woff2" as="font" type="font/woff2" crossorigin />
     <style>
       /* Allow prerendered cards to scroll while card-specific CSS loads */
       #boxel-isolated-start + .boxel-card-container {
         overflow-y: auto;
       }
     </style>
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"
-      rel="stylesheet"
-    />
 
     {{content-for "head-footer"}}
 
diff --git a/packages/host/ember-cli-build.js b/packages/host/ember-cli-build.js
index 67194b8be1..bfb56c2e09 100644
--- a/packages/host/ember-cli-build.js
+++ b/packages/host/ember-cli-build.js
@@ -57,7 +57,10 @@ module.exports = function (defaults) {
               },
               {
                 test: /\.woff2?$/,
-                type: 'asset',
+                type: 'asset/resource',
+                generator: {
+                  filename: 'assets/fonts/[name][ext]',
+                },
               },
               {
                 test: /\.png$/,