Replace roman font with variable slant font

src/index.html

@@ -16,7 +16,7 @@
 
 		<link
 			rel="preload"
-			href="static/fonts/inter/Inter-roman.var.woff2?v=3.19"
+			href="static/fonts/inter/Inter.var.woff2?v=3.19"
 			as="font"
 			type="font/woff2"
 			crossorigin />

src/static/css/main.css

@@ -25,7 +25,7 @@
 }
 
 body {
-	font-family: "Inter var", "Inter", sans-serif;
+	font-family: "Inter var experimental", "Inter var", "Inter", sans-serif;
 	color: var(--text);
 	margin: auto;
 	padding: var(--gap);

src/static/fonts/inter/inter.css

@@ -1,17 +1,20 @@
-/* -------------------------------------------------------
-Variable font.
-Usage:
+/* --------------------------------------------------------------------------
+[EXPERIMENTAL] Multi-axis, single variable font.
+
+Slant axis is not yet widely supported (as of February 2019) and thus this
+multi-axis single variable font is opt-in rather than the default.
+
+When using this, you will probably need to set font-variation-settings
+explicitly, e.g.
+
+  * { font-variation-settings: "slnt" 0deg }
+  .italic { font-variation-settings: "slnt" 10deg }
 
-  html { font-family: 'Inter', sans-serif; }
-  @supports (font-variation-settings: normal) {
-    html { font-family: 'Inter var', sans-serif; }
-  }
 */
 @font-face {
-  font-family: 'Inter var';
+  font-family: 'Inter var experimental';
   font-weight: 100 900;
   font-display: swap;
-  font-style: normal;
-  font-named-instance: 'Regular';
-  src: url("Inter-roman.var.woff2?v=3.19") format("woff2");
+  font-style: oblique 0deg 10deg;
+  src: url("Inter.var.woff2?v=3.19") format("woff2");
 }