diff options
author | Rasmus Andersson <rasmus@notion.se> | 2018-12-28 04:44:26 +0300 |
---|---|---|
committer | Rasmus Andersson <rasmus@notion.se> | 2018-12-28 04:44:26 +0300 |
commit | 2b20e67cae0dec661647e3e16d80734f03eb45cb (patch) | |
tree | 665c5bc2496f2d11ea3a17889d6156839b629e84 /docs | |
parent | 9bb34a8fa6309c51893dce952375909c11250638 (diff) | |
download | inter-2b20e67cae0dec661647e3e16d80734f03eb45cb.tar.xz |
adds extra light weight to build system
Diffstat (limited to 'docs')
-rw-r--r-- | docs/inter-ui.css | 51 | ||||
-rw-r--r-- | docs/lab/index.html | 18 |
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> |