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

Author: josevalim

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";

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;

assets/package-lock.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",