summaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
Diffstat (limited to 'docs')
-rw-r--r--docs/inter-ui.css51
-rw-r--r--docs/lab/index.html18
2 files changed, 66 insertions, 3 deletions
diff --git a/docs/inter-ui.css b/docs/inter-ui.css
index 0143ff78b..c840361fa 100644
--- a/docs/inter-ui.css
+++ b/docs/inter-ui.css
@@ -1,6 +1,51 @@
@font-face {
font-family: 'Inter UI';
font-style: normal;
+ font-weight: 100;
+ src: url("font-files/Inter-UI-Thin.woff2?v=3.1") format("woff2"),
+ url("font-files/Inter-UI-Thin.woff?v=3.1") format("woff");
+}
+@font-face {
+ font-family: 'Inter UI';
+ font-style: italic;
+ font-weight: 100;
+ src: url("font-files/Inter-UI-ThinItalic.woff2?v=3.1") format("woff2"),
+ url("font-files/Inter-UI-ThinItalic.woff?v=3.1") format("woff");
+}
+
+@font-face {
+ font-family: 'Inter UI';
+ font-style: normal;
+ font-weight: 200;
+ src: url("font-files/Inter-UI-ExtraLight.woff2?v=3.1") format("woff2"),
+ url("font-files/Inter-UI-ExtraLight.woff?v=3.1") format("woff");
+}
+@font-face {
+ font-family: 'Inter UI';
+ font-style: italic;
+ font-weight: 200;
+ src: url("font-files/Inter-UI-ExtraLightItalic.woff2?v=3.1") format("woff2"),
+ url("font-files/Inter-UI-ExtraLightItalic.woff?v=3.1") format("woff");
+}
+
+@font-face {
+ font-family: 'Inter UI';
+ font-style: normal;
+ font-weight: 300;
+ src: url("font-files/Inter-UI-Light.woff2?v=3.1") format("woff2"),
+ url("font-files/Inter-UI-Light.woff?v=3.1") format("woff");
+}
+@font-face {
+ font-family: 'Inter UI';
+ font-style: italic;
+ font-weight: 300;
+ src: url("font-files/Inter-UI-LightItalic.woff2?v=3.1") format("woff2"),
+ url("font-files/Inter-UI-LightItalic.woff?v=3.1") format("woff");
+}
+
+@font-face {
+ font-family: 'Inter UI';
+ font-style: normal;
font-weight: 400;
src: url("font-files/Inter-UI-Regular.woff2?v=3.1") format("woff2"),
url("font-files/Inter-UI-Regular.woff?v=3.1") format("woff");
@@ -110,7 +155,7 @@ BUGS:
*/
@font-face {
font-family: 'Inter UI var';
- font-weight: 400 900;
+ font-weight: 100 900;
font-style: oblique 0deg 10deg;
src: url("font-files/Inter-UI.var.woff2?v=3.1") format("woff2-variations"),
url("font-files/Inter-UI.var.woff2?v=3.1") format("woff2");
@@ -129,7 +174,7 @@ BUGS:
*/
@font-face {
font-family: 'Inter UI var alt';
- font-weight: 400 900;
+ font-weight: 100 900;
font-style: normal;
font-named-instance: 'Regular';
src: url("font-files/Inter-UI-upright.var.woff2?v=3.1") format("woff2 supports variations(gvar)"),
@@ -138,7 +183,7 @@ BUGS:
}
@font-face {
font-family: 'Inter UI var alt';
- font-weight: 400 900;
+ font-weight: 100 900;
font-style: italic;
font-named-instance: 'Italic';
src: url("font-files/Inter-UI-italic.var.woff2?v=3.1") format("woff2 supports variations(gvar)"),
diff --git a/docs/lab/index.html b/docs/lab/index.html
index db2162d4f..958a1c08b 100644
--- a/docs/lab/index.html
+++ b/docs/lab/index.html
@@ -1017,6 +1017,23 @@ for (const ch of uniqueChars) {
@font-face {
font-family: 'Inter-UI-VERSION';
font-style: normal;
+ font-weight: 200;
+ font-display: auto;
+ src: url("fonts/const/Inter-UI-ExtraLight.woff2") format("woff2"),
+ url("fonts/const/Inter-UI-ExtraLight.woff") format("woff");
+}
+@font-face {
+ font-family: 'Inter-UI-VERSION';
+ font-style: italic;
+ font-weight: 200;
+ font-display: auto;
+ src: url("fonts/const/Inter-UI-ExtraLightItalic.woff2") format("woff2"),
+ url("fonts/const/Inter-UI-ExtraLightItalic.woff") format("woff");
+}
+
+@font-face {
+ font-family: 'Inter-UI-VERSION';
+ font-style: normal;
font-weight: 300;
font-display: auto;
src: url("fonts/const/Inter-UI-Light.woff2") format("woff2"),
@@ -1314,6 +1331,7 @@ document.head.appendChild(fontCSS)
<label class="style">
<select name="weight" style="max-width:100px">
<option value="100">Thin (100)</option>
+ <option value="200">Extra Light (200)</option>
<option value="300">Light (300)</option>
<option value="400" selected>Regular (400)</option>
<option value="500">Medium (500)</option>