archive/inter-font
Archived
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Initial work on light weight master

Browse source
This commit is contained in:
Rasmus Andersson 2018-11-26 08:57:00 -08:00
parent dcec705b07
commit 30c1755165
4940 changed files with 535876 additions and 30711 deletions
Download patch file Download diff file Expand all files Collapse all files

40
docs/lab/index.html
View file

@ -997,6 +997,36 @@ for (const ch of uniqueChars) {
/* Roboto for comparison */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@font-face {
font-family: 'Inter-UI-VERSION';
font-style: normal;
font-weight: 100;
src: url("fonts/const/Inter-UI-Thin.woff2") format("woff2"),
url("fonts/const/Inter-UI-Thin.woff") format("woff");
}
@font-face {
font-family: 'Inter-UI-VERSION';
font-style: italic;
font-weight: 100;
src: url("fonts/const/Inter-UI-ThinItalic.woff2") format("woff2"),
url("fonts/const/Inter-UI-ThinItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter-UI-VERSION';
font-style: normal;
font-weight: 300;
src: url("fonts/const/Inter-UI-Light.woff2") format("woff2"),
url("fonts/const/Inter-UI-Light.woff") format("woff");
}
@font-face {
font-family: 'Inter-UI-VERSION';
font-style: italic;
font-weight: 300;
src: url("fonts/const/Inter-UI-LightItalic.woff2") format("woff2"),
url("fonts/const/Inter-UI-LightItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter-UI-VERSION';
font-style: normal;
@ -1089,7 +1119,7 @@ for (const ch of uniqueChars) {
@font-face {
font-family: 'Inter-UI-var-VERSION';
font-weight: 400 900;
font-weight: 100 900;
font-style: oblique 0deg 10deg;
src: url('fonts/var/Inter-UI.var.woff2') format("woff2-variations");
}
@ -1253,8 +1283,8 @@ document.head.appendChild(fontCSS)
<label class="style">
<select name="weight" style="max-width:100px">
<!--option value="200">Thin (200)</option>
<option value="300">Light (300)</option-->
<option value="100">Thin (100)</option>
<option value="300">Light (300)</option>
<option value="400" selected>Regular (400)</option>
<option value="500">Medium (500)</option>
<option value="600">Semi Bold (600)</option>
@ -1274,8 +1304,8 @@ document.head.appendChild(fontCSS)
<span>Variable axes:</span>
<label class="label-and-value">
<span>Weight:</span>
<input type="range" value="400" min="400" max="900" name="varWeight">
<input type="number" value="400" step="1" min="400" max="900" name="varWeightNum">
<input type="range" value="400" min="100" max="900" name="varWeight">
<input type="number" value="400" step="1" min="100" max="900" name="varWeightNum">
</label>
<label class="label-and-value">
<span>Slant:</span>