Variation Settings not applied in variable fonts

[paulmelero]

Description

I'm trying to use a variable font from Google called Archivo, which has 3 configurable axis. When I try to get a custom "expanded width":

font-variation-settings: "wdth" 125;

The variation is not being applied.

Links

• Google Fonts Tester: https://fonts.google.com/specimen/Archivo/tester

Screenshots

This is how it should look like:	This is how it looks:

Reproduction

• Stackblitz: https://stackblitz.com/edit/github-yzt752qo?file=nuxt.config.ts,tailwind.config.js

Apparently, it's not reproducible in Stackblitz: https://github.com/nuxt/fonts/issues/438#issuecomment-2560376071

Hopefully, the Stackblitz is enough to demonstrate the issue, thought.

[m7rlin]

I'm facing the same issue. I'm not able to add font-stretch: expanded; in font face from this module.

[a-dubiel]

@paulmelero were you able to get this to work?