website: change fonts approach

website/src/css/custom.css

@@ -1,12 +1,19 @@
 @font-face {
-  font-family: 'Inter';
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-display: swap;
   font-style: normal;
+  font-named-instance: 'Regular';
+  src: url('./fonts/Inter-roman-latin.var.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Inter var';
   font-weight: 100 900;
-  font-display: optional;
-  src: url('/fonts/inter-var-latin.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
-    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
-    U+FEFF, U+FFFD;
+  font-display: swap;
+  font-style: italic;
+  font-named-instance: 'Italic';
+  src: url('./fonts/Inter-italic-latin.var.woff2') format('woff2');
 }
 
 :root {
@@ -18,9 +25,9 @@
   --ifm-color-primary-lighter: #8a8adf;
   --ifm-color-primary-lightest: #afafe9;
 
-  --ifm-font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
-    'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
-    'Helvetica Neue', sans-serif;
+  --ifm-font-family-base: 'Inter var', -apple-system, BlinkMacSystemFont,
+    'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
+    'Droid Sans', 'Helvetica Neue', sans-serif;
   --ifm-font-size-base: 16px;
 
   --ifm-footer-padding-vertical: 3rem;