archive/inter-font
Archived
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

website: font-display:block in lab and some additional samples for calt

Browse source
This commit is contained in:
Rasmus Andersson 2019-01-26 15:07:03 -08:00
parent 98655030d8
commit 525b851712
1 changed files with 40 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

72
docs/lab/index.html
View file

@ -172,6 +172,14 @@ B-O B–O B‒O B—O M•N ⌘-
-Selvece -Selvece
darest-Selvece darest-Selvece
b-o b–o b‒o b—o m•n 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
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-family: 'Inter-UI-VERSION';
font-style: normal; font-style: normal;
font-weight: 100; font-weight: 100;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-Thin.woff2") format("woff2"), src: url("fonts/const/Inter-UI-Thin.woff2") format("woff2"),
url("fonts/const/Inter-UI-Thin.woff") format("woff"); url("fonts/const/Inter-UI-Thin.woff") format("woff");
} }
@ -1009,7 +1017,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: italic; font-style: italic;
font-weight: 100; font-weight: 100;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-ThinItalic.woff2") format("woff2"), src: url("fonts/const/Inter-UI-ThinItalic.woff2") format("woff2"),
url("fonts/const/Inter-UI-ThinItalic.woff") format("woff"); url("fonts/const/Inter-UI-ThinItalic.woff") format("woff");
} }
@ -1018,7 +1026,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: normal; font-style: normal;
font-weight: 200; font-weight: 200;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-ExtraLight.woff2") format("woff2"), src: url("fonts/const/Inter-UI-ExtraLight.woff2") format("woff2"),
url("fonts/const/Inter-UI-ExtraLight.woff") format("woff"); url("fonts/const/Inter-UI-ExtraLight.woff") format("woff");
} }
@ -1026,7 +1034,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: italic; font-style: italic;
font-weight: 200; font-weight: 200;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-ExtraLightItalic.woff2") format("woff2"), src: url("fonts/const/Inter-UI-ExtraLightItalic.woff2") format("woff2"),
url("fonts/const/Inter-UI-ExtraLightItalic.woff") format("woff"); url("fonts/const/Inter-UI-ExtraLightItalic.woff") format("woff");
} }
@ -1035,7 +1043,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-Light.woff2") format("woff2"), src: url("fonts/const/Inter-UI-Light.woff2") format("woff2"),
url("fonts/const/Inter-UI-Light.woff") format("woff"); url("fonts/const/Inter-UI-Light.woff") format("woff");
} }
@ -1043,7 +1051,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: italic; font-style: italic;
font-weight: 300; font-weight: 300;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-LightItalic.woff2") format("woff2"), src: url("fonts/const/Inter-UI-LightItalic.woff2") format("woff2"),
url("fonts/const/Inter-UI-LightItalic.woff") format("woff"); url("fonts/const/Inter-UI-LightItalic.woff") format("woff");
} }
@ -1052,7 +1060,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-Regular.woff2") format("woff2"), src: url("fonts/const/Inter-UI-Regular.woff2") format("woff2"),
url("fonts/const/Inter-UI-Regular.woff") format("woff"); url("fonts/const/Inter-UI-Regular.woff") format("woff");
} }
@ -1060,7 +1068,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-Italic.woff2") format("woff2"), src: url("fonts/const/Inter-UI-Italic.woff2") format("woff2"),
url("fonts/const/Inter-UI-Italic.woff") format("woff"); url("fonts/const/Inter-UI-Italic.woff") format("woff");
} }
@ -1069,7 +1077,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-Medium.woff2") format("woff2"), src: url("fonts/const/Inter-UI-Medium.woff2") format("woff2"),
url("fonts/const/Inter-UI-Medium.woff") format("woff"); url("fonts/const/Inter-UI-Medium.woff") format("woff");
} }
@ -1077,7 +1085,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: italic; font-style: italic;
font-weight: 500; font-weight: 500;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-MediumItalic.woff2") format("woff2"), src: url("fonts/const/Inter-UI-MediumItalic.woff2") format("woff2"),
url("fonts/const/Inter-UI-MediumItalic.woff") format("woff"); url("fonts/const/Inter-UI-MediumItalic.woff") format("woff");
} }
@ -1086,7 +1094,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-SemiBold.woff2") format("woff2"), src: url("fonts/const/Inter-UI-SemiBold.woff2") format("woff2"),
url("fonts/const/Inter-UI-SemiBold.woff") format("woff"); url("fonts/const/Inter-UI-SemiBold.woff") format("woff");
} }
@ -1094,7 +1102,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: italic; font-style: italic;
font-weight: 600; font-weight: 600;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-SemiBoldItalic.woff2") format("woff2"), src: url("fonts/const/Inter-UI-SemiBoldItalic.woff2") format("woff2"),
url("fonts/const/Inter-UI-SemiBoldItalic.woff") format("woff"); url("fonts/const/Inter-UI-SemiBoldItalic.woff") format("woff");
} }
@ -1103,7 +1111,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-Bold.woff2") format("woff2"), src: url("fonts/const/Inter-UI-Bold.woff2") format("woff2"),
url("fonts/const/Inter-UI-Bold.woff") format("woff"); url("fonts/const/Inter-UI-Bold.woff") format("woff");
} }
@ -1111,7 +1119,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: italic; font-style: italic;
font-weight: 700; font-weight: 700;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-BoldItalic.woff2") format("woff2"), src: url("fonts/const/Inter-UI-BoldItalic.woff2") format("woff2"),
url("fonts/const/Inter-UI-BoldItalic.woff") format("woff"); url("fonts/const/Inter-UI-BoldItalic.woff") format("woff");
} }
@ -1120,7 +1128,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: normal; font-style: normal;
font-weight: 800; font-weight: 800;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-ExtraBold.woff2") format("woff2"), src: url("fonts/const/Inter-UI-ExtraBold.woff2") format("woff2"),
url("fonts/const/Inter-UI-ExtraBold.woff") format("woff"); url("fonts/const/Inter-UI-ExtraBold.woff") format("woff");
} }
@ -1128,7 +1136,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: italic; font-style: italic;
font-weight: 800; font-weight: 800;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-ExtraBoldItalic.woff2") format("woff2"), src: url("fonts/const/Inter-UI-ExtraBoldItalic.woff2") format("woff2"),
url("fonts/const/Inter-UI-ExtraBoldItalic.woff") format("woff"); url("fonts/const/Inter-UI-ExtraBoldItalic.woff") format("woff");
} }
@ -1137,7 +1145,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: normal; font-style: normal;
font-weight: 900; font-weight: 900;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-Black.woff2") format("woff2"), src: url("fonts/const/Inter-UI-Black.woff2") format("woff2"),
url("fonts/const/Inter-UI-Black.woff") format("woff"); url("fonts/const/Inter-UI-Black.woff") format("woff");
} }
@ -1145,7 +1153,7 @@ for (const ch of uniqueChars) {
font-family: 'Inter-UI-VERSION'; font-family: 'Inter-UI-VERSION';
font-style: italic; font-style: italic;
font-weight: 900; font-weight: 900;
font-display: auto; font-display: block;
src: url("fonts/const/Inter-UI-BlackItalic.woff2") format("woff2"), src: url("fonts/const/Inter-UI-BlackItalic.woff2") format("woff2"),
url("fonts/const/Inter-UI-BlackItalic.woff") format("woff"); 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-family: 'Inter-UI-var-VERSION';
font-style: oblique 0deg 10deg; font-style: oblique 0deg 10deg;
font-weight: 100 900; font-weight: 100 900;
font-display: auto; font-display: block;
src: url('fonts/var/Inter-UI.var.woff2') format("woff2-variations"); 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-family: 'Inter-UI-hinted-VERSION';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-display: auto; font-display: block;
src: url("fonts/const-hinted/Inter-UI-Regular.woff2") format("woff2"), src: url("fonts/const-hinted/Inter-UI-Regular.woff2") format("woff2"),
url("fonts/const-hinted/Inter-UI-Regular.woff") format("woff"); 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-family: 'Inter-UI-hinted-VERSION';
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
font-display: auto; font-display: block;
src: url("fonts/const-hinted/Inter-UI-Italic.woff2") format("woff2"), src: url("fonts/const-hinted/Inter-UI-Italic.woff2") format("woff2"),
url("fonts/const-hinted/Inter-UI-Italic.woff") format("woff"); 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-family: 'Inter-UI-hinted-VERSION';
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
font-display: auto; font-display: block;
src: url("fonts/const-hinted/Inter-UI-Medium.woff2") format("woff2"), src: url("fonts/const-hinted/Inter-UI-Medium.woff2") format("woff2"),
url("fonts/const-hinted/Inter-UI-Medium.woff") format("woff"); 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-family: 'Inter-UI-hinted-VERSION';
font-style: italic; font-style: italic;
font-weight: 500; font-weight: 500;
font-display: auto; font-display: block;
src: url("fonts/const-hinted/Inter-UI-MediumItalic.woff2") format("woff2"), src: url("fonts/const-hinted/Inter-UI-MediumItalic.woff2") format("woff2"),
url("fonts/const-hinted/Inter-UI-MediumItalic.woff") format("woff"); 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-family: 'Inter-UI-hinted-VERSION';
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
font-display: auto; font-display: block;
src: url("fonts/const-hinted/Inter-UI-SemiBold.woff2") format("woff2"), src: url("fonts/const-hinted/Inter-UI-SemiBold.woff2") format("woff2"),
url("fonts/const-hinted/Inter-UI-SemiBold.woff") format("woff"); 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-family: 'Inter-UI-hinted-VERSION';
font-style: italic; font-style: italic;
font-weight: 600; font-weight: 600;
font-display: auto; font-display: block;
src: url("fonts/const-hinted/Inter-UI-SemiBoldItalic.woff2") format("woff2"), src: url("fonts/const-hinted/Inter-UI-SemiBoldItalic.woff2") format("woff2"),
url("fonts/const-hinted/Inter-UI-SemiBoldItalic.woff") format("woff"); 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-family: 'Inter-UI-hinted-VERSION';
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-display: auto; font-display: block;
src: url("fonts/const-hinted/Inter-UI-Bold.woff2") format("woff2"), src: url("fonts/const-hinted/Inter-UI-Bold.woff2") format("woff2"),
url("fonts/const-hinted/Inter-UI-Bold.woff") format("woff"); 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-family: 'Inter-UI-hinted-VERSION';
font-style: italic; font-style: italic;
font-weight: 700; font-weight: 700;
font-display: auto; font-display: block;
src: url("fonts/const-hinted/Inter-UI-BoldItalic.woff2") format("woff2"), src: url("fonts/const-hinted/Inter-UI-BoldItalic.woff2") format("woff2"),
url("fonts/const-hinted/Inter-UI-BoldItalic.woff") format("woff"); 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-family: 'Inter-UI-hinted-VERSION';
font-style: normal; font-style: normal;
font-weight: 800; font-weight: 800;
font-display: auto; font-display: block;
src: url("fonts/const-hinted/Inter-UI-ExtraBold.woff2") format("woff2"), src: url("fonts/const-hinted/Inter-UI-ExtraBold.woff2") format("woff2"),
url("fonts/const-hinted/Inter-UI-ExtraBold.woff") format("woff"); 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-family: 'Inter-UI-hinted-VERSION';
font-style: italic; font-style: italic;
font-weight: 800; font-weight: 800;
font-display: auto; font-display: block;
src: url("fonts/const-hinted/Inter-UI-ExtraBoldItalic.woff2") format("woff2"), src: url("fonts/const-hinted/Inter-UI-ExtraBoldItalic.woff2") format("woff2"),
url("fonts/const-hinted/Inter-UI-ExtraBoldItalic.woff") format("woff"); 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-family: 'Inter-UI-hinted-VERSION';
font-style: normal; font-style: normal;
font-weight: 900; font-weight: 900;
font-display: auto; font-display: block;
src: url("fonts/const-hinted/Inter-UI-Black.woff2") format("woff2"), src: url("fonts/const-hinted/Inter-UI-Black.woff2") format("woff2"),
url("fonts/const-hinted/Inter-UI-Black.woff") format("woff"); 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-family: 'Inter-UI-hinted-VERSION';
font-style: italic; font-style: italic;
font-weight: 900; font-weight: 900;
font-display: auto; font-display: block;
src: url("fonts/const-hinted/Inter-UI-BlackItalic.woff2") format("woff2"), src: url("fonts/const-hinted/Inter-UI-BlackItalic.woff2") format("woff2"),
url("fonts/const-hinted/Inter-UI-BlackItalic.woff") format("woff"); 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-family: 'Inter-UI-var-hinted-VERSION';
font-style: oblique 0deg 10deg; font-style: oblique 0deg 10deg;
font-weight: 400 900; font-weight: 400 900;
font-display: auto; font-display: block;
src: url('fonts/var/Inter-UI.var.woff2') format("woff2-variations"); src: url('fonts/var/Inter-UI.var.woff2') format("woff2-variations");
} }