website: use version in CSS file for cache control instead of font file mtime

1 files changed, 48 insertions, 45 deletions

diff --git a/docs/inter-ui.css b/docs/inter-ui.css
index 8fffd67dd..844b11878 100644
--- a/docs/inter-ui.css
+++ b/docs/inter-ui.css
@@ -1,4 +1,7 @@
-/*
+---
+layout: none
+---
+{% assign font_v = site.data.fontinfo[0].version %}/*
 
 LEGACY -- this file is deprecated.
 
@@ -12,135 +15,135 @@ Please use "inter.css" instead for new applications.
   font-family: 'Inter UI';
   font-style:  normal;
   font-weight: 100;
-  src: url("font-files/Inter-Thin.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-Thin.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-Thin.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-Thin.woff?v={{font_v}}") format("woff");
 }
 @font-face {
   font-family: 'Inter UI';
   font-style:  italic;
   font-weight: 100;
-  src: url("font-files/Inter-ThinItalic.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-ThinItalic.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-ThinItalic.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-ThinItalic.woff?v={{font_v}}") format("woff");
 }
 
 @font-face {
   font-family: 'Inter UI';
   font-style:  normal;
   font-weight: 200;
-  src: url("font-files/Inter-ExtraLight.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-ExtraLight.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-ExtraLight.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-ExtraLight.woff?v={{font_v}}") format("woff");
 }
 @font-face {
   font-family: 'Inter UI';
   font-style:  italic;
   font-weight: 200;
-  src: url("font-files/Inter-ExtraLightItalic.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-ExtraLightItalic.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-ExtraLightItalic.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-ExtraLightItalic.woff?v={{font_v}}") format("woff");
 }
 
 @font-face {
   font-family: 'Inter UI';
   font-style:  normal;
   font-weight: 300;
-  src: url("font-files/Inter-Light.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-Light.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-Light.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-Light.woff?v={{font_v}}") format("woff");
 }
 @font-face {
   font-family: 'Inter UI';
   font-style:  italic;
   font-weight: 300;
-  src: url("font-files/Inter-LightItalic.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-LightItalic.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-LightItalic.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-LightItalic.woff?v={{font_v}}") format("woff");
 }
 
 @font-face {
   font-family: 'Inter UI';
   font-style:  normal;
   font-weight: 400;
-  src: url("font-files/Inter-Regular.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-Regular.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-Regular.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-Regular.woff?v={{font_v}}") format("woff");
 }
 @font-face {
   font-family: 'Inter UI';
   font-style:  italic;
   font-weight: 400;
-  src: url("font-files/Inter-Italic.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-Italic.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-Italic.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-Italic.woff?v={{font_v}}") format("woff");
 }
 
 @font-face {
   font-family: 'Inter UI';
   font-style:  normal;
   font-weight: 500;
-  src: url("font-files/Inter-Medium.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-Medium.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-Medium.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-Medium.woff?v={{font_v}}") format("woff");
 }
 @font-face {
   font-family: 'Inter UI';
   font-style:  italic;
   font-weight: 500;
-  src: url("font-files/Inter-MediumItalic.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-MediumItalic.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-MediumItalic.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-MediumItalic.woff?v={{font_v}}") format("woff");
 }
 
 @font-face {
   font-family: 'Inter UI';
   font-style:  normal;
   font-weight: 600;
-  src: url("font-files/Inter-SemiBold.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-SemiBold.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-SemiBold.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-SemiBold.woff?v={{font_v}}") format("woff");
 }
 @font-face {
   font-family: 'Inter UI';
   font-style:  italic;
   font-weight: 600;
-  src: url("font-files/Inter-SemiBoldItalic.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-SemiBoldItalic.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-SemiBoldItalic.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-SemiBoldItalic.woff?v={{font_v}}") format("woff");
 }
 
 @font-face {
   font-family: 'Inter UI';
   font-style:  normal;
   font-weight: 700;
-  src: url("font-files/Inter-Bold.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-Bold.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-Bold.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-Bold.woff?v={{font_v}}") format("woff");
 }
 @font-face {
   font-family: 'Inter UI';
   font-style:  italic;
   font-weight: 700;
-  src: url("font-files/Inter-BoldItalic.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-BoldItalic.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-BoldItalic.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-BoldItalic.woff?v={{font_v}}") format("woff");
 }
 
 @font-face {
   font-family: 'Inter UI';
   font-style:  normal;
   font-weight: 800;
-  src: url("font-files/Inter-ExtraBold.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-ExtraBold.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-ExtraBold.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-ExtraBold.woff?v={{font_v}}") format("woff");
 }
 @font-face {
   font-family: 'Inter UI';
   font-style:  italic;
   font-weight: 800;
-  src: url("font-files/Inter-ExtraBoldItalic.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-ExtraBoldItalic.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-ExtraBoldItalic.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-ExtraBoldItalic.woff?v={{font_v}}") format("woff");
 }
 
 @font-face {
   font-family: 'Inter UI';
   font-style:  normal;
   font-weight: 900;
-  src: url("font-files/Inter-Black.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-Black.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-Black.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-Black.woff?v={{font_v}}") format("woff");
 }
 @font-face {
   font-family: 'Inter UI';
   font-style:  italic;
   font-weight: 900;
-  src: url("font-files/Inter-BlackItalic.woff2?v=3.3") format("woff2"),
-       url("font-files/Inter-BlackItalic.woff?v=3.3") format("woff");
+  src: url("font-files/Inter-BlackItalic.woff2?v={{font_v}}") format("woff2"),
+       url("font-files/Inter-BlackItalic.woff?v={{font_v}}") format("woff");
 }
 
 /* --------------------------------------------------------------------------
@@ -167,8 +170,8 @@ BUGS:
   font-family: 'Inter UI var';
   font-weight: 100 900;
   font-style: oblique 0deg 10deg;
-  src: url("font-files/Inter.var.woff2?v=3.3") format("woff2-variations"),
-       url("font-files/Inter.var.woff2?v=3.3") format("woff2");
+  src: url("font-files/Inter.var.woff2?v={{font_v}}") format("woff2-variations"),
+       url("font-files/Inter.var.woff2?v={{font_v}}") format("woff2");
 }
 
 /* --------------------------------------------------------------------------
@@ -187,16 +190,16 @@ BUGS:
   font-weight: 100 900;
   font-style: normal;
   font-named-instance: 'Regular';
-  src: url("font-files/Inter-upright.var.woff2?v=3.3") format("woff2 supports variations(gvar)"),
-       url("font-files/Inter-upright.var.woff2?v=3.3") format("woff2-variations"),
-       url("font-files/Inter-upright.var.woff2?v=3.3") format("woff2");
+  src: url("font-files/Inter-upright.var.woff2?v={{font_v}}") format("woff2 supports variations(gvar)"),
+       url("font-files/Inter-upright.var.woff2?v={{font_v}}") format("woff2-variations"),
+       url("font-files/Inter-upright.var.woff2?v={{font_v}}") format("woff2");
 }
 @font-face {
   font-family: 'Inter UI var alt';
   font-weight: 100 900;
   font-style: italic;
   font-named-instance: 'Italic';
-  src: url("font-files/Inter-italic.var.woff2?v=3.3") format("woff2 supports variations(gvar)"),
-       url("font-files/Inter-italic.var.woff2?v=3.3") format("woff2-variations"),
-       url("font-files/Inter-italic.var.woff2?v=3.3") format("woff2");
+  src: url("font-files/Inter-italic.var.woff2?v={{font_v}}") format("woff2 supports variations(gvar)"),
+       url("font-files/Inter-italic.var.woff2?v={{font_v}}") format("woff2-variations"),
+       url("font-files/Inter-italic.var.woff2?v={{font_v}}") format("woff2");
 }