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.
Bobby B
shared this idea
-
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.
