diff options
author | Rasmus Andersson <rasmus@notion.se> | 2018-09-23 12:00:22 +0300 |
---|---|---|
committer | Rasmus Andersson <rasmus@notion.se> | 2018-10-11 09:37:57 +0300 |
commit | ea8e6145178cd055a3321921c4794b1416774522 (patch) | |
tree | bca2fe7a638ac86772ee4d273185156385dd2299 | |
parent | ae7e5c0a4355d91faea584b825567595094e092b (diff) | |
download | inter-ea8e6145178cd055a3321921c4794b1416774522.tar.xz |
Adds SemiBold and ExtraBold to CSS and README
-rw-r--r-- | README.md | 6 | ||||
-rw-r--r-- | docs/inter-ui.css | 34 | ||||
-rw-r--r-- | docs/lab/index.html | 5 | ||||
-rw-r--r-- | docs/samples/index.css | 2 | ||||
-rw-r--r-- | docs/samples/index.html | 4 | ||||
-rw-r--r-- | misc/dist/inter-ui.css | 34 |
6 files changed, 81 insertions, 4 deletions
@@ -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 @@ -35,6 +35,23 @@ @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; font-weight: 700; src: url("font-files/Inter-UI.var.woff2?v=3.0") format("woff2-variations"), url("font-files/Inter-UI-Bold.woff2?v=3.0") format("woff2"), @@ -52,6 +69,23 @@ @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; font-weight: 900; src: url("font-files/Inter-UI.var.woff2?v=3.0") format("woff2-variations"), url("font-files/Inter-UI-Black.woff2?v=3.0") format("woff2"), 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) <div class="checkbox-group"> <span>Features:</span> - <!-- <label><input type="checkbox" class="featopt" name="feat:dlig"> Enable dlig</label> --> + <!-- <label><input type="checkbox" class="featopt" name="feat:liga=0">Disable liga</label> --> + <label><input type="checkbox" class="featopt" name="feat:dlig"> Enable dlig</label> <!-- <label><input type="checkbox" class="featopt" name="feat:onum"> Enable onum</label> --> <!-- <label><input type="checkbox" class="featopt" name="feat:pnum"> Enable pnum</label> --> <label><input type="checkbox" class="featopt" name="feat:tnum"> Enable tnum</label> <!-- <label><input type="checkbox" class="featopt" name="feat:lnum"> Enable lnum</label> --> <!-- <label><input type="checkbox" class="featopt" name="feat:kern"> Enable kern</label> --> <label><input type="checkbox" class="featopt" name="feat:case"> Enable case</label> - <label><input type="checkbox" class="featopt" name="feat:calt=0"> <em>Disable</em> calt</label> <label><input type="checkbox" class="featopt" name="feat:zero"> Enable (slashed) zero</label> <label><input type="checkbox" class="featopt" name="feat:frac"> Enable frac(tions)</label> <!-- <label><input type="checkbox" class="featopt" name="feat:c2sc"> Enable c2sc</label> --> <label><input type="checkbox" class="featopt" name="feat:ss01"> Enable Stylistic set 1</label> <!-- <label><input type="checkbox" class="featopt" name="feat:salt"> Enable Stylistic alternates</label> --> + <label><input type="checkbox" class="featopt" name="feat:calt=0"> Disable calt</label> </div> 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 <option value="italic">Italic</option> <option value="medium" default>Medium</option> <option value="medium-italic">Medium Italic</option> + <option value="semi-bold" default>Extra Bold</option> + <option value="semi-bold-italic">Extra Bold Italic</option> <option value="bold" default>Bold</option> <option value="bold-italic">Bold Italic</option> <option value="extra-bold" default>Extra Bold</option> @@ -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 @@ -35,6 +35,23 @@ @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; font-weight: 700; src: url('Inter-UI.var.woff2') format("woff2-variations"), url("Inter-UI-Bold.woff2") format("woff2"), @@ -52,6 +69,23 @@ @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; font-weight: 900; src: url('Inter-UI.var.woff2') format("woff2-variations"), url("Inter-UI-Black.woff2") format("woff2"), |