diff --git a/README.md b/README.md
index 897ff80c4..09d6640db 100644
--- a/README.md
+++ b/README.md
@@ -33,8 +33,10 @@ Current font styles:
| -------------------- | ----------------
| Regular | 400
| Italic | 400
-| Medium | 600
-| Medium Italic | 600
+| Medium | 500
+| Medium Italic | 500
+| Semi Bold | 600
+| Semi Bold Italic | 600
| Bold | 700
| Bold Italic | 700
| Extra Bold | 800
diff --git a/docs/inter-ui.css b/docs/inter-ui.css
index 982a6a71f..27227a6b4 100644
--- a/docs/inter-ui.css
+++ b/docs/inter-ui.css
@@ -32,6 +32,23 @@
url("font-files/Inter-UI-MediumItalic.woff?v=3.0") format("woff");
}
+@font-face {
+ font-family: 'Inter UI';
+ font-style: normal;
+ font-weight: 600;
+ src: url("font-files/Inter-UI.var.woff2?v=3.0") format("woff2-variations"),
+ url("font-files/Inter-UI-SemiBold.woff2?v=3.0") format("woff2"),
+ url("font-files/Inter-UI-SemiBold.woff?v=3.0") format("woff");
+}
+@font-face {
+ font-family: 'Inter UI';
+ font-style: italic;
+ font-weight: 600;
+ src: url("font-files/Inter-UI.var.woff2?v=3.0") format("woff2-variations"),
+ url("font-files/Inter-UI-SemiBoldItalic.woff2?v=3.0") format("woff2"),
+ url("font-files/Inter-UI-SemiBoldItalic.woff?v=3.0") format("woff");
+}
+
@font-face {
font-family: 'Inter UI';
font-style: normal;
@@ -49,6 +66,23 @@
url("font-files/Inter-UI-BoldItalic.woff?v=3.0") format("woff");
}
+@font-face {
+ font-family: 'Inter UI';
+ font-style: normal;
+ font-weight: 800;
+ src: url("font-files/Inter-UI.var.woff2?v=3.0") format("woff2-variations"),
+ url("font-files/Inter-UI-ExtraBold.woff2?v=3.0") format("woff2"),
+ url("font-files/Inter-UI-ExtraBold.woff?v=3.0") format("woff");
+}
+@font-face {
+ font-family: 'Inter UI';
+ font-style: italic;
+ font-weight: 800;
+ src: url("font-files/Inter-UI.var.woff2?v=3.0") format("woff2-variations"),
+ url("font-files/Inter-UI-ExtraBoldItalic.woff2?v=3.0") format("woff2"),
+ url("font-files/Inter-UI-ExtraBoldItalic.woff?v=3.0") format("woff");
+}
+
@font-face {
font-family: 'Inter UI';
font-style: normal;
diff --git a/docs/lab/index.html b/docs/lab/index.html
index 2ddc1ee85..e93d54762 100644
--- a/docs/lab/index.html
+++ b/docs/lab/index.html
@@ -1054,19 +1054,20 @@ document.head.appendChild(fontCSS)
Features:
-
+
+
-
+
diff --git a/docs/samples/index.css b/docs/samples/index.css
index 8ce2be780..53b89b17c 100644
--- a/docs/samples/index.css
+++ b/docs/samples/index.css
@@ -69,6 +69,8 @@ livesample.col2 {
.font-style-italic { font-variation-settings: "wght" 400, "ital" 100 !important; font-weight:400 !important; font-style:italic !important; }
.font-style-medium { font-variation-settings: "wght" 500, "ital" 0 !important; font-weight:500 !important; font-style:normal !important; }
.font-style-medium-italic { font-variation-settings: "wght" 500, "ital" 100 !important; font-weight:500 !important; font-style:italic !important; }
+.font-style-semi-bold { font-variation-settings: "wght" 600, "ital" 0 !important; font-weight:800 !important; font-style:normal !important; }
+.font-style-semi-bold-italic { font-variation-settings: "wght" 600, "ital" 100 !important; font-weight:800 !important; font-style:italic !important; }
.font-style-bold { font-variation-settings: "wght" 700, "ital" 0 !important; font-weight:700 !important; font-style:normal !important; }
.font-style-bold-italic { font-variation-settings: "wght" 700, "ital" 100 !important; font-weight:700 !important; font-style:italic !important; }
.font-style-extra-bold { font-variation-settings: "wght" 800, "ital" 0 !important; font-weight:800 !important; font-style:normal !important; }
diff --git a/docs/samples/index.html b/docs/samples/index.html
index 7e656f0c1..ca3c8ac5f 100644
--- a/docs/samples/index.html
+++ b/docs/samples/index.html
@@ -36,6 +36,8 @@ endfor
+
+
@@ -245,6 +247,8 @@ bindings.configure('style', null, null, function (style) {
cl.remove('font-style-italic')
cl.remove('font-style-medium')
cl.remove('font-style-medium-italic')
+ cl.remove('font-style-semi-bold')
+ cl.remove('font-style-semi-bold-italic')
cl.remove('font-style-bold')
cl.remove('font-style-bold-italic')
cl.remove('font-style-extra-bold')
diff --git a/misc/dist/inter-ui.css b/misc/dist/inter-ui.css
index d098a8af1..f62dd605f 100644
--- a/misc/dist/inter-ui.css
+++ b/misc/dist/inter-ui.css
@@ -32,6 +32,23 @@
url("Inter-UI-MediumItalic.woff") format("woff");
}
+@font-face {
+ font-family: 'Inter UI';
+ font-style: normal;
+ font-weight: 600;
+ src: url('Inter-UI.var.woff2') format("woff2-variations"),
+ url("Inter-UI-SemiBold.woff2") format("woff2"),
+ url("Inter-UI-SemiBold.woff") format("woff");
+}
+@font-face {
+ font-family: 'Inter UI';
+ font-style: italic;
+ font-weight: 600;
+ src: url('Inter-UI.var.woff2') format("woff2-variations"),
+ url("Inter-UI-SemiBoldItalic.woff2") format("woff2"),
+ url("Inter-UI-SemiBoldItalic.woff") format("woff");
+}
+
@font-face {
font-family: 'Inter UI';
font-style: normal;
@@ -49,6 +66,23 @@
url("Inter-UI-BoldItalic.woff") format("woff");
}
+@font-face {
+ font-family: 'Inter UI';
+ font-style: normal;
+ font-weight: 800;
+ src: url('Inter-UI.var.woff2') format("woff2-variations"),
+ url("Inter-UI-ExtraBold.woff2") format("woff2"),
+ url("Inter-UI-ExtraBold.woff") format("woff");
+}
+@font-face {
+ font-family: 'Inter UI';
+ font-style: italic;
+ font-weight: 800;
+ src: url('Inter-UI.var.woff2') format("woff2-variations"),
+ url("Inter-UI-ExtraBoldItalic.woff2") format("woff2"),
+ url("Inter-UI-ExtraBoldItalic.woff") format("woff");
+}
+
@font-face {
font-family: 'Inter UI';
font-style: normal;