Skip to main content
Question

Font-variant-alternates and font-feature-settings not working


Alex_FG

Hello everyone!

I use

font-variant-alternates: stylistic(), styleset();
font-feature-settings:   'salt' on, 'ss02' on;

in a few places in my code, and include it in the beginning like this:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">

It was working perfectly when I added this code a while back, but at some point it stopped working and I can’t figure out how to bring it back.

The font author suggests to include the font like this:

<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">

but this doesn’t help. The alternate characters are just not showing up.

What am I doing wrong?

0 replies

Be the first to reply!

Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings