diff options
author | Rasmus Andersson <rasmus@figma.com> | 2019-01-27 02:07:03 +0300 |
---|---|---|
committer | Rasmus Andersson <rasmus@figma.com> | 2019-01-27 02:07:03 +0300 |
commit | 525b851712f0e167d2b0e1244034fded980728d7 (patch) | |
tree | 02828d707f51df38b3480541428125da0c8844cb /docs | |
parent | 98655030d8d54feb5e49a42daa66441fd610c314 (diff) | |
download | inter-525b851712f0e167d2b0e1244034fded980728d7.tar.xz |
website: font-display:block in lab and some additional samples for calt
Diffstat (limited to 'docs')
-rw-r--r-- | docs/lab/index.html | 72 |
1 files changed, 40 insertions, 32 deletions
diff --git a/docs/lab/index.html b/docs/lab/index.html index 37c119969..452b150d5 100644 --- a/docs/lab/index.html +++ b/docs/lab/index.html @@ -172,6 +172,14 @@ B-O B–O B‒O B—O M•N ⌘- -Selvece darest-Selvece b-o b–o b‒o b—o m•n +•Xerox •xoom ◦Xerox ◦xoom +⁃Xerox ⁃xoom ‣Xerox ‣xoom +X- . X-- +X - . X -- +X - . X -- +X-x . X--x . X-- x +X -x . X --x . X -- x +X -x . X --x . X -- x A→B←C⟵D⟶E↔︎H⟷I↕K a→b←c⟵d⟶e↔︎h⟷i↕k @@ -1001,7 +1009,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: normal; font-weight: 100; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-Thin.woff2") format("woff2"), url("fonts/const/Inter-UI-Thin.woff") format("woff"); } @@ -1009,7 +1017,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: italic; font-weight: 100; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-ThinItalic.woff2") format("woff2"), url("fonts/const/Inter-UI-ThinItalic.woff") format("woff"); } @@ -1018,7 +1026,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: normal; font-weight: 200; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-ExtraLight.woff2") format("woff2"), url("fonts/const/Inter-UI-ExtraLight.woff") format("woff"); } @@ -1026,7 +1034,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: italic; font-weight: 200; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-ExtraLightItalic.woff2") format("woff2"), url("fonts/const/Inter-UI-ExtraLightItalic.woff") format("woff"); } @@ -1035,7 +1043,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: normal; font-weight: 300; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-Light.woff2") format("woff2"), url("fonts/const/Inter-UI-Light.woff") format("woff"); } @@ -1043,7 +1051,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: italic; font-weight: 300; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-LightItalic.woff2") format("woff2"), url("fonts/const/Inter-UI-LightItalic.woff") format("woff"); } @@ -1052,7 +1060,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: normal; font-weight: 400; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-Regular.woff2") format("woff2"), url("fonts/const/Inter-UI-Regular.woff") format("woff"); } @@ -1060,7 +1068,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: italic; font-weight: 400; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-Italic.woff2") format("woff2"), url("fonts/const/Inter-UI-Italic.woff") format("woff"); } @@ -1069,7 +1077,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: normal; font-weight: 500; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-Medium.woff2") format("woff2"), url("fonts/const/Inter-UI-Medium.woff") format("woff"); } @@ -1077,7 +1085,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: italic; font-weight: 500; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-MediumItalic.woff2") format("woff2"), url("fonts/const/Inter-UI-MediumItalic.woff") format("woff"); } @@ -1086,7 +1094,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: normal; font-weight: 600; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-SemiBold.woff2") format("woff2"), url("fonts/const/Inter-UI-SemiBold.woff") format("woff"); } @@ -1094,7 +1102,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: italic; font-weight: 600; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-SemiBoldItalic.woff2") format("woff2"), url("fonts/const/Inter-UI-SemiBoldItalic.woff") format("woff"); } @@ -1103,7 +1111,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: normal; font-weight: 700; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-Bold.woff2") format("woff2"), url("fonts/const/Inter-UI-Bold.woff") format("woff"); } @@ -1111,7 +1119,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: italic; font-weight: 700; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-BoldItalic.woff2") format("woff2"), url("fonts/const/Inter-UI-BoldItalic.woff") format("woff"); } @@ -1120,7 +1128,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: normal; font-weight: 800; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-ExtraBold.woff2") format("woff2"), url("fonts/const/Inter-UI-ExtraBold.woff") format("woff"); } @@ -1128,7 +1136,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: italic; font-weight: 800; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-ExtraBoldItalic.woff2") format("woff2"), url("fonts/const/Inter-UI-ExtraBoldItalic.woff") format("woff"); } @@ -1137,7 +1145,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: normal; font-weight: 900; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-Black.woff2") format("woff2"), url("fonts/const/Inter-UI-Black.woff") format("woff"); } @@ -1145,7 +1153,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-VERSION'; font-style: italic; font-weight: 900; - font-display: auto; + font-display: block; src: url("fonts/const/Inter-UI-BlackItalic.woff2") format("woff2"), url("fonts/const/Inter-UI-BlackItalic.woff") format("woff"); } @@ -1154,7 +1162,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-var-VERSION'; font-style: oblique 0deg 10deg; font-weight: 100 900; - font-display: auto; + font-display: block; src: url('fonts/var/Inter-UI.var.woff2') format("woff2-variations"); } @@ -1165,7 +1173,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-hinted-VERSION'; font-style: normal; font-weight: 400; - font-display: auto; + font-display: block; src: url("fonts/const-hinted/Inter-UI-Regular.woff2") format("woff2"), url("fonts/const-hinted/Inter-UI-Regular.woff") format("woff"); } @@ -1173,7 +1181,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-hinted-VERSION'; font-style: italic; font-weight: 400; - font-display: auto; + font-display: block; src: url("fonts/const-hinted/Inter-UI-Italic.woff2") format("woff2"), url("fonts/const-hinted/Inter-UI-Italic.woff") format("woff"); } @@ -1182,7 +1190,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-hinted-VERSION'; font-style: normal; font-weight: 500; - font-display: auto; + font-display: block; src: url("fonts/const-hinted/Inter-UI-Medium.woff2") format("woff2"), url("fonts/const-hinted/Inter-UI-Medium.woff") format("woff"); } @@ -1190,7 +1198,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-hinted-VERSION'; font-style: italic; font-weight: 500; - font-display: auto; + font-display: block; src: url("fonts/const-hinted/Inter-UI-MediumItalic.woff2") format("woff2"), url("fonts/const-hinted/Inter-UI-MediumItalic.woff") format("woff"); } @@ -1199,7 +1207,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-hinted-VERSION'; font-style: normal; font-weight: 600; - font-display: auto; + font-display: block; src: url("fonts/const-hinted/Inter-UI-SemiBold.woff2") format("woff2"), url("fonts/const-hinted/Inter-UI-SemiBold.woff") format("woff"); } @@ -1207,7 +1215,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-hinted-VERSION'; font-style: italic; font-weight: 600; - font-display: auto; + font-display: block; src: url("fonts/const-hinted/Inter-UI-SemiBoldItalic.woff2") format("woff2"), url("fonts/const-hinted/Inter-UI-SemiBoldItalic.woff") format("woff"); } @@ -1216,7 +1224,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-hinted-VERSION'; font-style: normal; font-weight: 700; - font-display: auto; + font-display: block; src: url("fonts/const-hinted/Inter-UI-Bold.woff2") format("woff2"), url("fonts/const-hinted/Inter-UI-Bold.woff") format("woff"); } @@ -1224,7 +1232,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-hinted-VERSION'; font-style: italic; font-weight: 700; - font-display: auto; + font-display: block; src: url("fonts/const-hinted/Inter-UI-BoldItalic.woff2") format("woff2"), url("fonts/const-hinted/Inter-UI-BoldItalic.woff") format("woff"); } @@ -1233,7 +1241,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-hinted-VERSION'; font-style: normal; font-weight: 800; - font-display: auto; + font-display: block; src: url("fonts/const-hinted/Inter-UI-ExtraBold.woff2") format("woff2"), url("fonts/const-hinted/Inter-UI-ExtraBold.woff") format("woff"); } @@ -1241,7 +1249,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-hinted-VERSION'; font-style: italic; font-weight: 800; - font-display: auto; + font-display: block; src: url("fonts/const-hinted/Inter-UI-ExtraBoldItalic.woff2") format("woff2"), url("fonts/const-hinted/Inter-UI-ExtraBoldItalic.woff") format("woff"); } @@ -1250,7 +1258,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-hinted-VERSION'; font-style: normal; font-weight: 900; - font-display: auto; + font-display: block; src: url("fonts/const-hinted/Inter-UI-Black.woff2") format("woff2"), url("fonts/const-hinted/Inter-UI-Black.woff") format("woff"); } @@ -1258,7 +1266,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-hinted-VERSION'; font-style: italic; font-weight: 900; - font-display: auto; + font-display: block; src: url("fonts/const-hinted/Inter-UI-BlackItalic.woff2") format("woff2"), url("fonts/const-hinted/Inter-UI-BlackItalic.woff") format("woff"); } @@ -1268,7 +1276,7 @@ for (const ch of uniqueChars) { font-family: 'Inter-UI-var-hinted-VERSION'; font-style: oblique 0deg 10deg; font-weight: 400 900; - font-display: auto; + font-display: block; src: url('fonts/var/Inter-UI.var.woff2') format("woff2-variations"); } |