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.
![](https://secure.gravatar.com/avatar/b60df2a825b26c55af72e027460f51ae?size=40&default=https%3A%2F%2Fassets.uvcdn.com%2Fpkg%2Fadmin%2Ficons%2Fuser_70-6bcf9e08938533adb9bac95c3e487cb2a6d4a32f890ca6fdc82e3072e0ea0368.png)
-
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.