Use variable mono font, reducing size and requests (#2052)

elixir-lang · Jan 21, 2025 · 51cd422 · 51cd422
1 parent 4648166
commit 51cd422
Show file tree

Hide file tree

Showing 23 changed files with 31 additions and 18 deletions.
diff --git a/assets/css/_html.css b/assets/css/_html.css
@@ -1,8 +1,7 @@
 @import "@fontsource/lato/300.css";
 @import "@fontsource/lato/400.css";
 @import "@fontsource/lato/700.css";
-@import "@fontsource/inconsolata/400.css";
-@import "@fontsource/inconsolata/700.css";
+@import "@fontsource-variable/inconsolata";
 
 @import "custom-props/common.css";
 @import "custom-props/theme-light.css";

diff --git a/assets/css/custom-props/common.css b/assets/css/custom-props/common.css
@@ -9,7 +9,7 @@
   --defaultFontFamily: -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji";
   --sansFontFamily: "Lato", sans-serif;
-  --monoFontFamily: "Inconsolata", Menlo, Courier, monospace;
+  --monoFontFamily: "Inconsolata Variable", Menlo, Courier, monospace;
 
   /* Typography */
   --baseFontSize: 18px;

diff --git a/assets/package-lock.json b/assets/package-lock.json
diff --git a/assets/package.json b/assets/package.json
@@ -27,7 +27,7 @@
   "homepage": "https://github.com/elixir-lang/ex_doc#readme",
   "browserslist": "last 2 versions",
   "devDependencies": {
-    "@fontsource/inconsolata": "^4.5.9",
+    "@fontsource-variable/inconsolata": "^5.1.1",
     "@fontsource/lato": "^4.5.10",
     "@swup/a11y-plugin": "^5.0.0",
     "@swup/progress-plugin": "^3.2.0",

diff --git a/formatters/epub/dist/epub-elixir-7NG6AETD.css b/formatters/epub/dist/epub-elixir-7NG6AETD.css