Allow CSS font-weight to be used with variable fonts by putting the full range in @font-face
See discussion here: https://community.adobe.com/t5/adobe-fonts-discussions/allow-css-font-weight-to-be-used-with-variable-fonts-by-putting-the-full-range-in-font-face/m-p/13539383#M7419
Summary: when serving variable fonts via CSS, Adobe specifies their font-weight
as 400
instead of (say) 100 1000
in the @font-face
declaration, which means the font-weight
CSS property cannot be used to change these fonts' weights; you must use, say, font-variation-settings: "wght" 700
. Ideally Adobe would use 100 1000
as the font-weight
in the @font-face
declaration so that users could use font-weight
in their CSS to change the weight of a variable font.

-
Hi all, thank you for your feedback. We have made this improvement to variable web font serving, and it is now available for you to use. Any web projects you make after 17 January 2025 will have the update. Web projects created before 17 January 2025 would need to be re-created to use the new syntax.
-
Arthur Joyce commented
Yes, absolutely! Google Fonts can do this, no reason Adobe can't.
-
Daniel Ethridge commented
This should apply to not only `wght`, but also `wdth`, `slnt`, and `opsz`: https://drafts.csswg.org/css-fonts/#fvs-replacements
Currently, to set _e.g._ the `wght` correctly, **both** the `font-weight` and the `font-variation-settings` need to be set.
Priority should be much higher because this means all variable font features are broken.
-
Logan Venderlic commented
Yes-- THIS!! It's super frustrating that they aren't doing this correctly, yet. Please, Adobe, fix this.