style: use a monospace font that loads faster

Iosevka is beautiful, but it’s too heavy. JB Mono has a 10x smaller footprint.
roman-kashitsyn · Aug 18, 2024 · 6e7d420 · 6e7d420
1 parent 827d4e7
commit 6e7d420
Show file tree

Hide file tree

Showing 9 changed files with 21 additions and 19 deletions.
diff --git a/css/tufte.css b/css/tufte.css
@@ -102,38 +102,39 @@
 }
 
 @font-face {
-    font-family: "Iosevka";
+    font-family: "JetBrains Mono";
     font-style: normal;
     font-weight: normal;
-    src: local(Iosevka),
-        url("/fonts/Iosevka-Regular.woff2") format("woff2");
+    src: local(JetBrains Mono),
+        url("/fonts/JetBrainsMono-Regular.woff2") format("woff2");
     font-display: swap;
 }
 
 @font-face {
-    font-family: "Iosevka";
-    font-style: italic;
-    font-weight: normal;
-    src: local(Iosevka),
-        url("/fonts/Iosevka-Italic.woff2") format("woff2");
+    font-family: "JetBrains Mono";
+    font-style: normal;
+    font-weight: bold;
+    src: local(JetBrains Mono),
+        url("/fonts/JetBrainsMono-Bold.woff2") format("woff2");
     font-display: swap;
 }
 
 @font-face {
-    font-family: "Iosevka";
-    font-style: normal;
-    font-weight: bold;
-    src: local(Iosevka),
-        url("/fonts/Iosevka-Bold.woff2") format("woff2");
+    font-family: "JetBrains Mono";
+    font-style: italic;
+    font-weight: normal;
+    src: local(JetBrains Mono),
+        url("/fonts/JetBrainsMono-Italic.woff2") format("woff2");
     font-display: swap;
 }
 
+
 @font-face {
-    font-family: "Iosevka";
+    font-family: "JetBrains Mono";
     font-style: italic;
     font-weight: bold;
-    src: local(Iosevka),
-        url("/fonts/Iosevka-BoldItalic.woff2") format("woff2");
+    src: local(JetBrains Mono),
+        url("/fonts/JetBrainsMono-SemiBoldItalic.woff2") format("woff2");
     font-display: swap;
 }
 
@@ -808,16 +809,17 @@ tr.border-bot {
 
 code,
 pre>code {
-    font-family: 'Iosevka', monospace;
-    font-size: 0.83em;
+    font-family: 'JetBrains Mono', monospace;
+    font-feature-settings: 'ss02', 'zero';
+    font-size: 0.75em;
     line-height: 1.42;
     font-variant-numeric: normal;
     -webkit-text-size-adjust: 100%;
     /* Prevent adjustments of font size after orientation changes in iOS. See https://github.com/edwardtufte/tufte-css/issues/81#issuecomment-261953409 */
 }
 
 .sans>code {
-    font-size: 0.83em;
+    font-size: 0.75em;
 }
 
 .marginnote>code,

diff --git a/fonts/Iosevka-Bold.woff2 b/fonts/Iosevka-Bold.woff2
diff --git a/fonts/Iosevka-BoldItalic.woff2 b/fonts/Iosevka-BoldItalic.woff2
diff --git a/fonts/Iosevka-Italic.woff2 b/fonts/Iosevka-Italic.woff2
diff --git a/fonts/Iosevka-Regular.woff2 b/fonts/Iosevka-Regular.woff2
diff --git a/fonts/JetBrainsMono-Bold.woff2 b/fonts/JetBrainsMono-Bold.woff2
diff --git a/fonts/JetBrainsMono-Italic.woff2 b/fonts/JetBrainsMono-Italic.woff2
diff --git a/fonts/JetBrainsMono-Regular.woff2 b/fonts/JetBrainsMono-Regular.woff2
diff --git a/fonts/JetBrainsMono-SemiBoldItalic.woff2 b/fonts/JetBrainsMono-SemiBoldItalic.woff2