chore: host font files locally in storybook (#351)

ory · Feb 4, 2025 · 95486cf · 95486cf
1 parent 1a973b7
commit 95486cf
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 3 deletions.
diff --git a/packages/elements-react-stories/.storybook/global.css b/packages/elements-react-stories/.storybook/global.css
@@ -2,5 +2,6 @@
 /* SPDX-License-Identifier: Apache-2.0 */
 
 html {
-  --font-sans: "Inter", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  --font-sans: "InterVariable", "Helvetica Neue", "Helvetica", "Arial",
+    sans-serif;
 }
diff --git a/packages/elements-react-stories/.storybook/preview-head.html b/packages/elements-react-stories/.storybook/preview-head.html
@@ -1,5 +1,15 @@
 <!-- Copyright © 2024 Ory Corp -->
 <!-- SPDX-License-Identifier: Apache-2.0 -->
 
-<link rel="preconnect" href="https://rsms.me/" />
-<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+<link
+  rel="preload"
+  href="/InterVariable.woff2?v=4.1"
+  as="font"
+  type="font/woff2"
+  crossorigin="anonymous"
+/>
+<link rel="stylesheet" href="/inter.css" />
+
+<script>
+  window.oryPasskeyLoginAutocompleteInit = function () {}
+</script>
diff --git a/packages/elements-react-stories/public/InterVariable.woff2 b/packages/elements-react-stories/public/InterVariable.woff2
diff --git a/packages/elements-react-stories/public/inter.css b/packages/elements-react-stories/public/inter.css
@@ -0,0 +1,8 @@
+
+@font-face {
+  font-family: InterVariable;
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('/InterVariable.woff2?v=4.1') format('woff2');
+}