Hey, I have made a little variable sketch font and would like to use it on a webpage with animations. I am only using the width axe and it is working in Adobe apps, and also sites like Dinamo Darkroom or Axis-Praxis. But I am unable to get it work with HTML/CSS on my own.
This is my code:
@font-face {
font-family: 'Stärke';
src: url('/assets/fonts/StarkeVariable.ttf');
font-weight: 100 900;
}
}
p {
font-family: 'Stärke';
font-variation-settings: "wght" 100;
font-weight: 100;
}
Other variable fonts are working for me this way, but my own isn’t. It’s just showing my font in 500 weight. Is there anything I could have done wrong for web? I tried Chrome and Safari.
Thanks in advance!