Font Library: font name changes weight depending on which variants are active

[annezazu]

In trying to replicate this issue #54568, I noticed that the font name in the Typography section changes weight depending on which variants are active. In the video below, watch the weight of "Inclusive sans" in the Typography section (it changes from a more normal weighting to thin to bold by th end):

Screen.Recording.2023-09-28.at.9.50.57.AM.mov

To replicate, add a font that has a number of variants and deactivate different ones to see the font name change weight.

[ironprogrammer]

This behavior seems correct to me. The Typography sidebar only displays active fonts/variants. E.g. if I have only enabled italics variants, I'd like that to be reflected here.

From the page load/resource perspective, when variants are deactivated, they are no longer enqueued. In order to display e.g. the "Regular" weight for each font would potentially require enqueuing non-active variants, and could behave inconsistently, say if a user has only uploaded an italics variant.

Testing this locally with only the italic variant of Inclusive Sans active (cleared cache and checking enqueues in #wp-fonts-local), Safari overrides italics and weight, but falls back to a serif font. Chrome ignores the overrides completely.

Figure 1: Safari - override italic face's font-style.

Figure 2: Chrome - override italic face's font-style.

There might be other ways to normalize the listed font's styling if this behavior is desired.

[annezazu]

Hmm interesting! I found it to be a bit random in my testing but I can see what you’re saying. I’ll close this out.