Variable font via Adobe Fonts (Typekit) not showing different weights

[Marcus08]

Hi,

I’m using Adobe Fonts (Typekit) to load a variable font.
Entered my Web Project id. Font name is showing but just one weight.

How can I add more weights? Thx in advanced

[ruenel]

Hello Marcus,

In your Adobe account, you may need to define the font weights so that it will reflect in the Font Manager.

• CSS selectors

Cheers.

[Marcus08]

Ok. And how does this work with variable fonts?

Thx!

[liquidedge]

Hi team, I’ve got exactly the same issue as Marco. I don’t see anywhere in the Adobe Fonts web project to “define the font weights” for a variable font. All the weights are listed and defined but variable fonts don’t allow you to select specific weights for the web project.

Just like Marco, I only get a single weight available to me in Font Manager:

What are we missing?

[charlie]

Since your font families are all Variable Fonts the weight is not controlled through the standard font weight controls we have in place. Their API also doesn’t tell us what fonts are variable fonts or what the variations are so this might be something we have to wait for in the future. We would need to do something on our end to support controls for this and I’ll write a feature request for it.

You can control the font weights of these types of fonts through this Custom CSS on your elements. where the 900 would be your chosen font weight. Have a great weekend.

$el {
  font-variation-settings: "wght" 900;
}

[Marcus08]

Hi,

I added some CSS code in the global CSS. This works for now. Thx!

[ruenel]

You are most welcome, @Marco.