Use Inter 4 and proper italic

pepelsbey · Jun 9, 2024 · 0daa433 · 0daa433
1 parent 4ace83b
commit 0daa433
Show file tree

Hide file tree

Showing 12 changed files with 26 additions and 29 deletions.
diff --git a/src/fonts/inter-bold.woff b/src/fonts/inter-bold.woff
diff --git a/src/fonts/inter-bold.woff2 b/src/fonts/inter-bold.woff2
diff --git a/src/fonts/inter-italic.woff b/src/fonts/inter-italic.woff
diff --git a/src/fonts/inter-italic.woff2 b/src/fonts/inter-italic.woff2
diff --git a/src/fonts/inter-regular.woff b/src/fonts/inter-regular.woff
diff --git a/src/fonts/inter-regular.woff2 b/src/fonts/inter-regular.woff2
diff --git a/src/fonts/inter-variable.woff2 b/src/fonts/inter-variable.woff2
diff --git a/src/fonts/jetbrains-mono.woff b/src/fonts/jetbrains-mono.woff
diff --git a/src/fonts/neue-machina.woff b/src/fonts/neue-machina.woff
diff --git a/src/styles/blocks/content-block/index.css b/src/styles/blocks/content-block/index.css
@@ -46,7 +46,7 @@
 	blockquote {
 		margin: 0;
 		padding-inline-start: 24px;
-		font-variation-settings: 'slnt' -10;
+		font-style: italic;
 	}
 }
 

diff --git a/src/styles/blocks/content-inline/index.css b/src/styles/blocks/content-inline/index.css
@@ -31,8 +31,7 @@
 
 .content-inline {
 	em {
-		font-style: normal;
-		font-variation-settings: 'slnt' -10;
+		font-style: italic;
 	}
 
 	strong {

diff --git a/src/styles/global/fonts.css b/src/styles/global/fonts.css
@@ -1,43 +1,45 @@
-/* Inter Variable */
-
-@font-face {
-	font-weight: 100 900;
-	font-family: 'Inter Variable';
-	font-style: oblique 0deg 10deg;
-	font-display: swap;
-	src: url('/fonts/inter-variable.woff2') format('woff2');
-}
-
-/* Inter Static */
+/* Inter */
 
 @font-face {
 	font-weight: 400;
 	font-family: 'Inter';
 	font-style: normal;
 	font-display: swap;
-	src:
-		url('/fonts/inter-regular.woff2') format('woff2'),
-		url('/fonts/inter-regular.woff') format('woff');
+	src: url('/fonts/inter-regular.woff2') format('woff2');
 }
 
 @font-face {
 	font-weight: 400;
 	font-family: 'Inter';
 	font-style: italic;
 	font-display: swap;
-	src:
-		url('/fonts/inter-italic.woff2') format('woff2'),
-		url('/fonts/inter-italic.woff') format('woff');
+	src: url('/fonts/inter-italic.woff2') format('woff2');
 }
 
 @font-face {
 	font-weight: 700;
 	font-family: 'Inter';
 	font-style: normal;
 	font-display: swap;
-	src:
-		url('/fonts/inter-bold.woff2') format('woff2'),
-		url('/fonts/inter-bold.woff') format('woff');
+	src: url('/fonts/inter-bold.woff2') format('woff2');
+}
+
+/* Inter Variable */
+
+@font-face {
+	font-weight: 100 900;
+	font-family: 'Inter Variable';
+	font-style: normal;
+	font-display: swap;
+	src: url('/fonts/inter-variable.woff2') format('woff2');
+}
+
+@font-face {
+	font-weight: 400;
+	font-family: 'Inter Variable';
+	font-style: italic;
+	font-display: swap;
+	src: url('/fonts/inter-italic.woff2') format('woff2');
 }
 
 /* Neue Machina */
@@ -47,9 +49,7 @@
 	font-family: 'Neue Machina';
 	font-style: normal;
 	font-display: swap;
-	src:
-		url('/fonts/neue-machina.woff2') format('woff2'),
-		url('/fonts/neue-machina.woff') format('woff');
+	src: url('/fonts/neue-machina.woff2') format('woff2');
 }
 
 /* JetBrains Mono */
@@ -59,9 +59,7 @@
 	font-family: 'JetBrains Mono';
 	font-style: normal;
 	font-display: swap;
-	src:
-		url('/fonts/jetbrains-mono.woff2') format('woff2'),
-		url('/fonts/jetbrains-mono.woff') format('woff');
+	src: url('/fonts/jetbrains-mono.woff2') format('woff2');
 }
 
 /* Variables */