From 9bb34a8fa6309c51893dce952375909c11250638 Mon Sep 17 00:00:00 2001 From: Rasmus Andersson Date: Thu, 27 Dec 2018 18:17:14 -0700 Subject: lots more work on the light weights --- docs/lab/index.html | 34 ++++++++++++++++++++++++++++++++-- docs/lab/lab.css | 1 + 2 files changed, 33 insertions(+), 2 deletions(-) (limited to 'docs') 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; -- cgit v1.2.3