From a55c45183c78038a1c733851a70bdabb1481fb06 Mon Sep 17 00:00:00 2001
From: Kar Rui <karrui.lau@gmail.com>
Date: Tue, 2 Aug 2022 10:35:44 +0800
Subject: [PATCH] feat: preload inter fonts from app directory in storybook
 preview-head

---
 frontend/.storybook/preview-head.html | 93 ++++++++++++++++++++++++---
 1 file changed, 84 insertions(+), 9 deletions(-)

diff --git a/frontend/.storybook/preview-head.html b/frontend/.storybook/preview-head.html
index 785f112cd9..cfd3ce98a3 100644
--- a/frontend/.storybook/preview-head.html
+++ b/frontend/.storybook/preview-head.html
@@ -1,10 +1,85 @@
-<!-- Preloading fonts to prevent flakiness in snapshots caused by font changing.
-This is not a complete solution as our own fonts contain font feature settings
-Google Fonts do not provide, but will likely be enough. -->
-
-<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=Inter:wght@400;500;600&display=swap"
-  rel="stylesheet"
+<!-- Preloading fonts to prevent flakiness in snapshots caused by font changing. -->
+<link
+  rel="preload"
+  href="../src/assets/fonts/Inter-Light.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous"
+/>
+<link
+  rel="preload"
+  href="../src/assets/fonts/Inter-LightItalic.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous"
+/>
+<link
+  rel="preload"
+  href="../src/assets/fonts/Inter-Regular.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous"
+/>
+<link
+  rel="preload"
+  href="../src/assets/fonts/Inter-Italic.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous"
+/>
+<link
+  rel="preload"
+  href="../src/assets/fonts/Inter-Medium.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous"
+/>
+<link
+  rel="preload"
+  href="../src/assets/fonts/Inter-MediumItalic.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous"
+/>
+<link
+  rel="preload"
+  href="../src/assets/fonts/Inter-SemiBold.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous"
+/>
+<link
+  rel="preload"
+  href="../src/assets/fonts/Inter-SemiBoldItalic.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous"
+/>
+<link
+  rel="preload"
+  href="../src/assets/fonts/Inter-Bold.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous"
+/>
+<link
+  rel="preload"
+  href="../src/assets/fonts/Inter-BoldItalic.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous"
+/>
+<link
+  rel="preload"
+  href="../src/assets/fonts/Inter-roman.var.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous"
+/>
+<link
+  rel="preload"
+  href="../src/assets/fonts/Inter-italic.var.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous"
 />