Copy link to clipboard
Copied
Copy link to clipboard
Copied
May 2024 still a problem with Adobe Variable fonts. This problem occur more then a year now, why can this be fixed?
Copy link to clipboard
Copied
For anyone looking to use a variable font with a tailwind project
I was able to get the variable fonts working using the fllowing syntax:
extend: {
fontFamily: {
'header': [
'"magno-sans-variable", sans-serif',
{
fontVariationSettings: '"wght" 800'
},
],
},
}
Copy link to clipboard
Copied
Same issue here, only replying so that maybe Adobe will do something about it
Copy link to clipboard
Copied
I'm using Webflow, and on further research, I belive this is actually a Webflow issue. I got it working using custom code. You need to use the "font-variation-settings" property. For example:
strong {
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 700;
}