lots more work on the light weights

2 files changed, 33 insertions, 2 deletions

diff --git a/docs/lab/index.html b/docs/lab/index.html
index a9c6c2a42..db2162d4f 100644
--- a/docs/lab/index.html
+++ b/docs/lab/index.html
@@ -1001,6 +1001,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  normal;
   font-weight: 100;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-Thin.woff2") format("woff2"),
        url("fonts/const/Inter-UI-Thin.woff") format("woff");
 }
@@ -1008,6 +1009,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  italic;
   font-weight: 100;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-ThinItalic.woff2") format("woff2"),
        url("fonts/const/Inter-UI-ThinItalic.woff") format("woff");
 }
@@ -1016,6 +1018,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  normal;
   font-weight: 300;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-Light.woff2") format("woff2"),
        url("fonts/const/Inter-UI-Light.woff") format("woff");
 }
@@ -1023,6 +1026,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  italic;
   font-weight: 300;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-LightItalic.woff2") format("woff2"),
        url("fonts/const/Inter-UI-LightItalic.woff") format("woff");
 }
@@ -1031,6 +1035,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  normal;
   font-weight: 400;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-Regular.woff2") format("woff2"),
        url("fonts/const/Inter-UI-Regular.woff") format("woff");
 }
@@ -1038,6 +1043,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  italic;
   font-weight: 400;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-Italic.woff2") format("woff2"),
        url("fonts/const/Inter-UI-Italic.woff") format("woff");
 }
@@ -1046,6 +1052,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  normal;
   font-weight: 500;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-Medium.woff2") format("woff2"),
        url("fonts/const/Inter-UI-Medium.woff") format("woff");
 }
@@ -1053,6 +1060,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  italic;
   font-weight: 500;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-MediumItalic.woff2") format("woff2"),
        url("fonts/const/Inter-UI-MediumItalic.woff") format("woff");
 }
@@ -1061,6 +1069,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  normal;
   font-weight: 600;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-SemiBold.woff2") format("woff2"),
        url("fonts/const/Inter-UI-SemiBold.woff") format("woff");
 }
@@ -1068,6 +1077,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  italic;
   font-weight: 600;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-SemiBoldItalic.woff2") format("woff2"),
        url("fonts/const/Inter-UI-SemiBoldItalic.woff") format("woff");
 }
@@ -1076,6 +1086,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  normal;
   font-weight: 700;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-Bold.woff2") format("woff2"),
        url("fonts/const/Inter-UI-Bold.woff") format("woff");
 }
@@ -1083,6 +1094,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  italic;
   font-weight: 700;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-BoldItalic.woff2") format("woff2"),
        url("fonts/const/Inter-UI-BoldItalic.woff") format("woff");
 }
@@ -1091,6 +1103,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  normal;
   font-weight: 800;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-ExtraBold.woff2") format("woff2"),
        url("fonts/const/Inter-UI-ExtraBold.woff") format("woff");
 }
@@ -1098,6 +1111,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  italic;
   font-weight: 800;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-ExtraBoldItalic.woff2") format("woff2"),
        url("fonts/const/Inter-UI-ExtraBoldItalic.woff") format("woff");
 }
@@ -1106,6 +1120,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  normal;
   font-weight: 900;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-Black.woff2") format("woff2"),
        url("fonts/const/Inter-UI-Black.woff") format("woff");
 }
@@ -1113,14 +1128,16 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-VERSION';
   font-style:  italic;
   font-weight: 900;
+  font-display: auto;
   src: url("fonts/const/Inter-UI-BlackItalic.woff2") format("woff2"),
        url("fonts/const/Inter-UI-BlackItalic.woff") format("woff");
 }
 
 @font-face {
   font-family: 'Inter-UI-var-VERSION';
-  font-weight: 100 900;
   font-style: oblique 0deg 10deg;
+  font-weight: 100 900;
+  font-display: auto;
   src: url('fonts/var/Inter-UI.var.woff2') format("woff2-variations");
 }
 
@@ -1131,6 +1148,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-hinted-VERSION';
   font-style:  normal;
   font-weight: 400;
+  font-display: auto;
   src: url("fonts/const-hinted/Inter-UI-Regular.woff2") format("woff2"),
        url("fonts/const-hinted/Inter-UI-Regular.woff") format("woff");
 }
@@ -1138,6 +1156,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-hinted-VERSION';
   font-style:  italic;
   font-weight: 400;
+  font-display: auto;
   src: url("fonts/const-hinted/Inter-UI-Italic.woff2") format("woff2"),
        url("fonts/const-hinted/Inter-UI-Italic.woff") format("woff");
 }
@@ -1146,6 +1165,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-hinted-VERSION';
   font-style:  normal;
   font-weight: 500;
+  font-display: auto;
   src: url("fonts/const-hinted/Inter-UI-Medium.woff2") format("woff2"),
        url("fonts/const-hinted/Inter-UI-Medium.woff") format("woff");
 }
@@ -1153,6 +1173,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-hinted-VERSION';
   font-style:  italic;
   font-weight: 500;
+  font-display: auto;
   src: url("fonts/const-hinted/Inter-UI-MediumItalic.woff2") format("woff2"),
        url("fonts/const-hinted/Inter-UI-MediumItalic.woff") format("woff");
 }
@@ -1161,6 +1182,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-hinted-VERSION';
   font-style:  normal;
   font-weight: 600;
+  font-display: auto;
   src: url("fonts/const-hinted/Inter-UI-SemiBold.woff2") format("woff2"),
        url("fonts/const-hinted/Inter-UI-SemiBold.woff") format("woff");
 }
@@ -1168,6 +1190,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-hinted-VERSION';
   font-style:  italic;
   font-weight: 600;
+  font-display: auto;
   src: url("fonts/const-hinted/Inter-UI-SemiBoldItalic.woff2") format("woff2"),
        url("fonts/const-hinted/Inter-UI-SemiBoldItalic.woff") format("woff");
 }
@@ -1176,6 +1199,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-hinted-VERSION';
   font-style:  normal;
   font-weight: 700;
+  font-display: auto;
   src: url("fonts/const-hinted/Inter-UI-Bold.woff2") format("woff2"),
        url("fonts/const-hinted/Inter-UI-Bold.woff") format("woff");
 }
@@ -1183,6 +1207,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-hinted-VERSION';
   font-style:  italic;
   font-weight: 700;
+  font-display: auto;
   src: url("fonts/const-hinted/Inter-UI-BoldItalic.woff2") format("woff2"),
        url("fonts/const-hinted/Inter-UI-BoldItalic.woff") format("woff");
 }
@@ -1191,6 +1216,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-hinted-VERSION';
   font-style:  normal;
   font-weight: 800;
+  font-display: auto;
   src: url("fonts/const-hinted/Inter-UI-ExtraBold.woff2") format("woff2"),
        url("fonts/const-hinted/Inter-UI-ExtraBold.woff") format("woff");
 }
@@ -1198,6 +1224,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-hinted-VERSION';
   font-style:  italic;
   font-weight: 800;
+  font-display: auto;
   src: url("fonts/const-hinted/Inter-UI-ExtraBoldItalic.woff2") format("woff2"),
        url("fonts/const-hinted/Inter-UI-ExtraBoldItalic.woff") format("woff");
 }
@@ -1206,6 +1233,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-hinted-VERSION';
   font-style:  normal;
   font-weight: 900;
+  font-display: auto;
   src: url("fonts/const-hinted/Inter-UI-Black.woff2") format("woff2"),
        url("fonts/const-hinted/Inter-UI-Black.woff") format("woff");
 }
@@ -1213,6 +1241,7 @@ for (const ch of uniqueChars) {
   font-family: 'Inter-UI-hinted-VERSION';
   font-style:  italic;
   font-weight: 900;
+  font-display: auto;
   src: url("fonts/const-hinted/Inter-UI-BlackItalic.woff2") format("woff2"),
        url("fonts/const-hinted/Inter-UI-BlackItalic.woff") format("woff");
 }
@@ -1220,8 +1249,9 @@ for (const ch of uniqueChars) {
 @font-face {
   /* Note: Not hinted */
   font-family: 'Inter-UI-var-hinted-VERSION';
-  font-weight: 400 900;
   font-style: oblique 0deg 10deg;
+  font-weight: 400 900;
+  font-display: auto;
   src: url('fonts/var/Inter-UI.var.woff2') format("woff2-variations");
 }
 
diff --git a/docs/lab/lab.css b/docs/lab/lab.css
index d595bf5d3..1c912f7d0 100644
--- a/docs/lab/lab.css
+++ b/docs/lab/lab.css
@@ -166,6 +166,7 @@ body.italic samples {
     /*max-width:450px;*/
     white-space: pre-wrap;
     outline: none;
+    overflow-wrap: break-word;
   }
     sample p {
       white-space: pre-wrap;