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;