rsms/inter
1
1
Fork 0
mirror of https://github.com/rsms/inter.git synced 2024-09-17 13:47:11 +03:00
Code Issues Projects Releases Wiki Activity

website: fixes /lab/var.html in Firefox where a local font-face declaration fails to override a global one. Closes #287

Browse Source
This commit is contained in:
Rasmus Andersson 2020-08-17 09:46:29 -07:00
parent 378ab05866
commit 8079b02216
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
docs/lab/var.html
View File

@ -12,11 +12,11 @@
}
@font-face {
font-family: 'Inter var';
font-family: 'Inter-var-x';
font-weight: 100 900;
font-style: oblique 0deg 10deg;
src: url('fonts/var/Inter.var.woff2') format("woff2-variations"),
url('../font-files/Inter.var.woff2') format("woff2-variations");
src: url('fonts/var/Inter.var.woff2') format("woff2"),
url('../font-files/Inter.var.woff2') format("woff2");
}
html {
@ -24,6 +24,13 @@ html {
font-size: 14px;
letter-spacing: 0;
}
@supports (font-variation-settings: normal) {
html {
font-family: 'Inter-var-x', sans-serif;
}
}
body {
margin: 0;
padding: 0;
@ -33,13 +40,9 @@ body {
padding: 40px 40px 40px 35px;
font-size: var(--size);
letter-spacing: -0.03em;
font-family: 'Inter-var-x', "Adobe NotDef";
font-variation-settings: 'wght' var(--weight), 'slnt' calc(-1 * var(--slant));
}
@supports (font-variation-settings: normal) {
html {
font-family: 'Inter var', sans-serif;
}
outline: none;
}
label {
@ -83,7 +86,7 @@ label {
<option value="right">Align: right</option>
</select>
</div>
<div class="sample" contenteditable>
<div class="sample" contenteditable autocomplete="off" spellcheck="false">
Inter Typeface Family<br>
Variable weight axis<br>
Variable slant/oblique axis<br>