adds extra light weight to build system

This commit is contained in:
Rasmus Andersson 2018-12-27 18:44:26 -07:00
parent 9bb34a8fa6
commit 2b20e67cae
10 changed files with 300 additions and 9 deletions

View file

@ -1,3 +1,48 @@
@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;
@ -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)"),

View file

@ -1014,6 +1014,23 @@ for (const ch of uniqueChars) {
url("fonts/const/Inter-UI-ThinItalic.woff") format("woff");
}
@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;
@ -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>