preload fonts and switch display to stop flicker on load (#214)

cadence-workflow · Jan 27, 2025 · 46086f9 · 46086f9
1 parent f5826e7
commit 46086f9
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 5 deletions.
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -157,6 +157,48 @@ const config: Config = {
     ],
   ],
 
+  headTags: [
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'preload',
+        href: 'https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Bold.woff2',
+        as: 'font',
+        type: 'font/woff2',
+        crossorigin: 'anonymous',
+      },
+    },
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'preload',
+        href: 'https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMoveText-Regular.woff2',
+        as: 'font',
+        type: 'font/woff2',
+        crossorigin: 'anonymous',
+      },
+    },
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'preload',
+        href: 'https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMoveText-Medium.woff2',
+        as: 'font',
+        type: 'font/woff2',
+        crossorigin: 'anonymous',
+      },
+    },
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'preload',
+        href: 'https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMoveText-Bold.woff2',
+        as: 'font',
+        type: 'font/woff2',
+        crossorigin: 'anonymous',
+      },
+    },
+  ],
   themeConfig: {
     announcementBar: {
       id: 'survey_announcement',
@@ -206,7 +248,9 @@ const config: Config = {
       logo: {
         alt: 'Cadence Logo',
         src: 'img/cadence-logo.svg',
-        srcDark: "img/logo-white.svg"
+        srcDark: "img/logo-white.svg",
+        width: 82,
+        height: 32,
       },
       items: [
         {

diff --git a/src/css/fonts.css b/src/css/fonts.css