website

1 files changed, 38 insertions, 8 deletions

diff --git a/docs/inter-ui.css b/docs/inter-ui.css
index ccd5a0aff..542b6fd5d 100644
--- a/docs/inter-ui.css
+++ b/docs/inter-ui.css
@@ -2,14 +2,16 @@
   font-family: 'Inter UI';
   font-style:  normal;
   font-weight: 400;
-  src: url("font-files/Inter-UI-Regular.woff2?v=2.5") format("woff2"),
+  src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"),
+       url("font-files/Inter-UI-Regular.woff2?v=2.5") format("woff2"),
        url("font-files/Inter-UI-Regular.woff?v=2.5") format("woff");
 }
 @font-face {
   font-family: 'Inter UI';
   font-style:  italic;
   font-weight: 400;
-  src: url("font-files/Inter-UI-Italic.woff2?v=2.5") format("woff2"),
+  src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"),
+       url("font-files/Inter-UI-Italic.woff2?v=2.5") format("woff2"),
        url("font-files/Inter-UI-Italic.woff?v=2.5") format("woff");
 }
 
@@ -17,14 +19,16 @@
   font-family: 'Inter UI';
   font-style:  normal;
   font-weight: 500;
-  src: url("font-files/Inter-UI-Medium.woff2?v=2.5") format("woff2"),
+  src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"),
+       url("font-files/Inter-UI-Medium.woff2?v=2.5") format("woff2"),
        url("font-files/Inter-UI-Medium.woff?v=2.5") format("woff");
 }
 @font-face {
   font-family: 'Inter UI';
   font-style:  italic;
   font-weight: 500;
-  src: url("font-files/Inter-UI-MediumItalic.woff2?v=2.5") format("woff2"),
+  src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"),
+       url("font-files/Inter-UI-MediumItalic.woff2?v=2.5") format("woff2"),
        url("font-files/Inter-UI-MediumItalic.woff?v=2.5") format("woff");
 }
 
@@ -32,14 +36,16 @@
   font-family: 'Inter UI';
   font-style:  normal;
   font-weight: 700;
-  src: url("font-files/Inter-UI-Bold.woff2?v=2.5") format("woff2"),
+  src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"),
+       url("font-files/Inter-UI-Bold.woff2?v=2.5") format("woff2"),
        url("font-files/Inter-UI-Bold.woff?v=2.5") format("woff");
 }
 @font-face {
   font-family: 'Inter UI';
   font-style:  italic;
   font-weight: 700;
-  src: url("font-files/Inter-UI-BoldItalic.woff2?v=2.5") format("woff2"),
+  src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"),
+       url("font-files/Inter-UI-BoldItalic.woff2?v=2.5") format("woff2"),
        url("font-files/Inter-UI-BoldItalic.woff?v=2.5") format("woff");
 }
 
@@ -47,13 +53,37 @@
   font-family: 'Inter UI';
   font-style:  normal;
   font-weight: 900;
-  src: url("font-files/Inter-UI-Black.woff2?v=2.5") format("woff2"),
+  src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"),
+       url("font-files/Inter-UI-Black.woff2?v=2.5") format("woff2"),
        url("font-files/Inter-UI-Black.woff?v=2.5") format("woff");
 }
 @font-face {
   font-family: 'Inter UI';
   font-style:  italic;
   font-weight: 900;
-  src: url("font-files/Inter-UI-BlackItalic.woff2?v=2.5") format("woff2"),
+  src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"),
+       url("font-files/Inter-UI-BlackItalic.woff2?v=2.5") format("woff2"),
        url("font-files/Inter-UI-BlackItalic.woff?v=2.5") format("woff");
 }
+
+/*
+Single variable font.
+Note that you may want to do something like this to make sure you're serving
+constant fonts to older browsers:
+
+html {
+  font-family: 'Inter UI', sans-serif;
+}
+@supports (font-variation-settings: normal) {
+  html {
+    font-family: 'Inter UI var', sans-serif;
+  }
+}
+
+*/
+@font-face {
+  font-family: 'Inter UI var';
+  font-weight: 400 900; /* safe weight range */
+  src: url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2-variations"),
+       url('font-files/Inter-UI.var.woff2?v=2.6') format("woff2");
+}