Use Inter webfont instead of ttf (#10456)

blakeblackshear · Mar 14, 2024 · 6a02e65 · 6a02e65
1 parent 98977f1
commit 6a02e65
Show file tree

Hide file tree

Showing 20 changed files with 128 additions and 5 deletions.
diff --git a/web/public/fonts/Inter-Black.woff2 b/web/public/fonts/Inter-Black.woff2
diff --git a/web/public/fonts/Inter-BlackItalic.woff2 b/web/public/fonts/Inter-BlackItalic.woff2
diff --git a/web/public/fonts/Inter-Bold.woff2 b/web/public/fonts/Inter-Bold.woff2
diff --git a/web/public/fonts/Inter-BoldItalic.woff2 b/web/public/fonts/Inter-BoldItalic.woff2
diff --git a/web/public/fonts/Inter-ExtraBold.woff2 b/web/public/fonts/Inter-ExtraBold.woff2
diff --git a/web/public/fonts/Inter-ExtraBoldItalic.woff2 b/web/public/fonts/Inter-ExtraBoldItalic.woff2
diff --git a/web/public/fonts/Inter-ExtraLight.woff2 b/web/public/fonts/Inter-ExtraLight.woff2
diff --git a/web/public/fonts/Inter-ExtraLightItalic.woff2 b/web/public/fonts/Inter-ExtraLightItalic.woff2
diff --git a/web/public/fonts/Inter-Italic.woff2 b/web/public/fonts/Inter-Italic.woff2
diff --git a/web/public/fonts/Inter-Light.woff2 b/web/public/fonts/Inter-Light.woff2
diff --git a/web/public/fonts/Inter-LightItalic.woff2 b/web/public/fonts/Inter-LightItalic.woff2
diff --git a/web/public/fonts/Inter-Medium.woff2 b/web/public/fonts/Inter-Medium.woff2
diff --git a/web/public/fonts/Inter-MediumItalic.woff2 b/web/public/fonts/Inter-MediumItalic.woff2
diff --git a/web/public/fonts/Inter-Regular.woff2 b/web/public/fonts/Inter-Regular.woff2
diff --git a/web/public/fonts/Inter-SemiBold.woff2 b/web/public/fonts/Inter-SemiBold.woff2
diff --git a/web/public/fonts/Inter-SemiBoldItalic.woff2 b/web/public/fonts/Inter-SemiBoldItalic.woff2
diff --git a/web/public/fonts/Inter-Thin.woff2 b/web/public/fonts/Inter-Thin.woff2
diff --git a/web/public/fonts/Inter-ThinItalic.woff2 b/web/public/fonts/Inter-ThinItalic.woff2
diff --git a/web/public/fonts/Inter-VariableFont_slnt,wght.ttf b/web/public/fonts/Inter-VariableFont_slnt,wght.ttf
diff --git a/web/src/index.css b/web/src/index.css
@@ -24,11 +24,6 @@
  }
 }
 
-@font-face {
- font-family: "Inter";
- src: url("../fonts/Inter-VariableFont_slnt,wght.ttf");
-}
-
 /* Hide scrollbar for Chrome, Safari and Opera */
 .no-scrollbar::-webkit-scrollbar {
  display: none;
@@ -39,3 +34,131 @@
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
 }
+
+/* static fonts */
+@font-face {
+ font-family: "Inter";
+ font-style: normal;
+ font-weight: 100;
+ font-display: swap;
+ src: url("../fonts/Inter-Thin.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: italic;
+ font-weight: 100;
+ font-display: swap;
+ src: url("../fonts/Inter-ThinItalic.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: normal;
+ font-weight: 200;
+ font-display: swap;
+ src: url("../fonts/Inter-ExtraLight.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: italic;
+ font-weight: 200;
+ font-display: swap;
+ src: url("../fonts/Inter-ExtraLightItalic.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src: url("../fonts/Inter-Light.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: italic;
+ font-weight: 300;
+ font-display: swap;
+ src: url("../fonts/Inter-LightItalic.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url("../fonts/Inter-Regular.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: url("../fonts/Inter-Italic.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: normal;
+ font-weight: 500;
+ font-display: swap;
+ src: url("../fonts/Inter-Medium.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: italic;
+ font-weight: 500;
+ font-display: swap;
+ src: url("../fonts/Inter-MediumItalic.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: italic;
+ font-weight: 600;
+ font-display: swap;
+ src: url("../fonts/Inter-SemiBoldItalic.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: normal;
+ font-weight: 700;
+ font-display: swap;
+ src: url("../fonts/Inter-Bold.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: italic;
+ font-weight: 700;
+ font-display: swap;
+ src: url("../fonts/Inter-BoldItalic.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: normal;
+ font-weight: 800;
+ font-display: swap;
+ src: url("../fonts/Inter-ExtraBold.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: italic;
+ font-weight: 800;
+ font-display: swap;
+ src: url("../fonts/Inter-ExtraBoldItalic.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: normal;
+ font-weight: 900;
+ font-display: swap;
+ src: url("../fonts/Inter-Black.woff2") format("woff2");
+}
+@font-face {
+ font-family: "Inter";
+ font-style: italic;
+ font-weight: 900;
+ font-display: swap;
+ src: url("../fonts/Inter-BlackItalic.woff2") format("woff2");
+}