diff --git a/wds-utils.js b/wds-utils.js
index 3b14df173b..e670610415 100644
--- a/wds-utils.js
+++ b/wds-utils.js
@@ -4,11 +4,7 @@ export function appendStyles(html) {
   const preventFouc = `
     <style>
       body:not(.resolved) {
-        opacity: 0;
-      }
-
-      body {
-        transition: opacity 0.2s;
+        display: none;
       }
     </style>
 
diff --git a/web-dev-server.config.js b/web-dev-server.config.js
index 1e020710ec..2e81bb728d 100644
--- a/web-dev-server.config.js
+++ b/web-dev-server.config.js
@@ -51,7 +51,14 @@ export function enforceThemePlugin(theme) {
 
       if (theme === 'aura' && context.response.is('html')) {
         // For dev pages: add Aura Stylesheet
-        body = body.replace('</title>', '</title><link rel="stylesheet" href="/packages/aura/aura.css" />');
+        body = body.replace(
+          '</title>',
+          `
+          </title>
+          <link rel="preload" href="/packages/aura/src/fonts/InstrumentSans/InstrumentSans.woff2" as="font" type="font/woff2" crossorigin>
+          <link rel="stylesheet" href="/packages/aura/aura.css" />
+          `,
+        );
       }
 
       return body;