feat: added fabriga and inter fonts

abusix · Nov 13, 2023 · 2af5d3f · 2af5d3f
1 parent 53fa44f
commit 2af5d3f
Show file tree

Hide file tree

Showing 20 changed files with 117 additions and 7 deletions.
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
@@ -1,11 +1,121 @@
 <style type="text/css">
-  /*
-  Place to add custom fonts that only affect the storybook preview
-  @font-face {
-    font-family: Inter;
-    src: url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
-  }
-  */
+    /* Add Inter font */
+    @font-face {
+        font-family: Inter;
+        font-weight: 100;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-Thin.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 200;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-ExtraLight.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 300;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-Light.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 400;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-Regular.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 500;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-Medium.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 600;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-SemiBold.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 700;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-Bold.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 800;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-ExtraBold.ttf) format('truetype');
+    }
+    @font-face {
+        font-family: Inter;
+        font-weight: 900;
+        font-style: normal;
+        src: url(/fonts/Inter/Inter-Black.ttf) format('truetype');
+    }
+
+    /* Add Fabriga font */
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 300;
+        font-style: normal;
+        src: url(/fonts/Fabriga/Fabriga-Light.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 300;
+        font-style: italic;
+        src: url(/fonts/Fabriga/Fabriga-LightItalic.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 400;
+        font-style: normal;
+        src: url(/fonts/Fabriga/Fabriga-Regular.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 400;
+        font-style: italic;
+        src: url(/fonts/Fabriga/Fabriga-Italic.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 500;
+        font-style: normal;
+        src: url(/fonts/Fabriga/Fabriga-Medium.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 500;
+        font-style: italic;
+        src: url(/fonts/Fabriga/Fabriga-MediumItalic.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 700;
+        font-style: normal;
+        src: url(/fonts/Fabriga/Fabriga-Bold.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 700;
+        font-style: italic;
+        src: url(/fonts/Fabriga/Fabriga-BoldItalic.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 900;
+        font-style: normal;
+        src: url(/fonts/Fabriga/Fabriga-Black.otf) format('opentype');
+    }
+    @font-face {
+        font-family: Fabriga;
+        font-weight: 900;
+        font-style: italic;
+        src: url(/fonts/Fabriga/Fabriga-BlackItalic.otf) format('opentype');
+    }
 </style>
 <script>
   window.global = window;

diff --git a/assets/fonts/Fabriga/Fabriga-Black.otf b/assets/fonts/Fabriga/Fabriga-Black.otf
diff --git a/assets/fonts/Fabriga/Fabriga-BlackItalic.otf b/assets/fonts/Fabriga/Fabriga-BlackItalic.otf
diff --git a/assets/fonts/Fabriga/Fabriga-Bold.otf b/assets/fonts/Fabriga/Fabriga-Bold.otf
diff --git a/assets/fonts/Fabriga/Fabriga-BoldItalic.otf b/assets/fonts/Fabriga/Fabriga-BoldItalic.otf
diff --git a/assets/fonts/Fabriga/Fabriga-Italic.otf b/assets/fonts/Fabriga/Fabriga-Italic.otf
diff --git a/assets/fonts/Fabriga/Fabriga-Light.otf b/assets/fonts/Fabriga/Fabriga-Light.otf
diff --git a/assets/fonts/Fabriga/Fabriga-LightItalic.otf b/assets/fonts/Fabriga/Fabriga-LightItalic.otf
diff --git a/assets/fonts/Fabriga/Fabriga-Medium.otf b/assets/fonts/Fabriga/Fabriga-Medium.otf
diff --git a/assets/fonts/Fabriga/Fabriga-MediumItalic.otf b/assets/fonts/Fabriga/Fabriga-MediumItalic.otf
diff --git a/assets/fonts/Fabriga/Fabriga-Regular.otf b/assets/fonts/Fabriga/Fabriga-Regular.otf
diff --git a/assets/fonts/Inter/Inter-Black.ttf b/assets/fonts/Inter/Inter-Black.ttf
diff --git a/assets/fonts/Inter/Inter-Bold.ttf b/assets/fonts/Inter/Inter-Bold.ttf
diff --git a/assets/fonts/Inter/Inter-ExtraBold.ttf b/assets/fonts/Inter/Inter-ExtraBold.ttf
diff --git a/assets/fonts/Inter/Inter-ExtraLight.ttf b/assets/fonts/Inter/Inter-ExtraLight.ttf
diff --git a/assets/fonts/Inter/Inter-Light.ttf b/assets/fonts/Inter/Inter-Light.ttf
diff --git a/assets/fonts/Inter/Inter-Medium.ttf b/assets/fonts/Inter/Inter-Medium.ttf
diff --git a/assets/fonts/Inter/Inter-Regular.ttf b/assets/fonts/Inter/Inter-Regular.ttf
diff --git a/assets/fonts/Inter/Inter-SemiBold.ttf b/assets/fonts/Inter/Inter-SemiBold.ttf
diff --git a/assets/fonts/Inter/Inter-Thin.ttf b/assets/fonts/Inter/Inter-Thin.ttf