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

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