Update Inter font (#905)

getflip · Jan 13, 2025 · 951c9da · 951c9da
1 parent 2e42932
commit 951c9da
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 1 deletion.
diff --git a/.changeset/olive-apples-trade.md b/.changeset/olive-apples-trade.md
@@ -0,0 +1,8 @@
+---
+"swirl-docs": minor
+"@getflip/swirl-components": minor
+"@getflip/swirl-components-angular": minor
+"@getflip/swirl-components-react": minor
+---
+
+Update Inter font files, adding a separate italic font
diff --git a/apps/swirl-docs/public/fonts/Inter-italic.var.woff2 b/apps/swirl-docs/public/fonts/Inter-italic.var.woff2
diff --git a/apps/swirl-docs/public/fonts/Inter.var.woff2 b/apps/swirl-docs/public/fonts/Inter.var.woff2
diff --git a/apps/swirl-docs/src/styles/globals.css b/apps/swirl-docs/src/styles/globals.css
@@ -8,13 +8,22 @@
 
 @font-face {
   font-family: "Inter var experimental";
+  font-style: normal;
   font-weight: 100 900;
-  font-style: oblique 0deg 10deg;
   font-display: swap;
   src: url("/fonts/Inter.var.woff2") format("woff2-variations"),
     url("/fonts/Inter.var.woff2") format("woff2");
 }
 
+@font-face {
+  font-family: "Inter var experimental";
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url("/fonts/Inter-italic.var.woff2") format("woff2-variations"),
+    url("/fonts/Inter-italic.var.woff2") format("woff2");
+}
+
 @layer components {
   #__next {
     @apply h-full grid;

diff --git a/packages/swirl-components/src/assets/fonts/Inter-italic.var.woff2 b/packages/swirl-components/src/assets/fonts/Inter-italic.var.woff2
diff --git a/packages/swirl-components/src/assets/fonts/Inter.var.woff2 b/packages/swirl-components/src/assets/fonts/Inter.var.woff2
diff --git a/packages/swirl-components/src/styles/global.css b/packages/swirl-components/src/styles/global.css
@@ -5,12 +5,22 @@
 
 @font-face {
   font-family: "Inter var experimental";
+  font-style: normal;
   font-weight: 100 900;
   font-display: swap;
   src: url("/fonts/Inter.var.woff2") format("woff2-variations"),
     url("/fonts/Inter.var.woff2") format("woff2");
 }
 
+@font-face {
+  font-family: "Inter var experimental";
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url("/fonts/Inter-italic.var.woff2") format("woff2-variations"),
+    url("/fonts/Inter-italic.var.woff2") format("woff2");
+}
+
 :root {
   --swirl-accordion-item-toggle-default: var(--s-surface-default);
   --swirl-accordion-item-toggle-hovered: var(--s-surface-hovered);