summaryrefslogtreecommitdiff
path: root/docs/lab
diff options
context:
space:
mode:
authorRasmus Andersson <rasmus@figma.com>2019-01-27 02:07:03 +0300
committerRasmus Andersson <rasmus@figma.com>2019-01-27 02:07:03 +0300
commit525b851712f0e167d2b0e1244034fded980728d7 (patch)
tree02828d707f51df38b3480541428125da0c8844cb /docs/lab
parent98655030d8d54feb5e49a42daa66441fd610c314 (diff)
downloadinter-525b851712f0e167d2b0e1244034fded980728d7.tar.xz
website: font-display:block in lab and some additional samples for calt
Diffstat (limited to 'docs/lab')
-rw-r--r--docs/lab/index.html72
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");
}