DarkerGrotesque icon indicating copy to clipboard operation
DarkerGrotesque copied to clipboard

Fonts is not vertically centered

Open indaviande opened this issue 3 years ago • 3 comments

I've noticed that all buttons are misaligned because the font itself is not vertically centered. If I switch to another font, the issue disappear.

Capture d’écran 2021-10-11 à 13 43 48 Capture d’écran 2021-10-11 à 13 43 51

You can better see it on Firefox.

indaviande avatar Oct 11 '21 11:10 indaviande

Hello @indaviande, thanks for the report. I understand the problem, and we usually set the fonts so they are centered, but in that case, the font is already online and served by a lot of websites. So we can't modify the vertical metrics because it would break a lot of websites layouts.

emmamarichal avatar Apr 26 '23 08:04 emmamarichal

We are actually open for correcting the vertical metrics so that future users like indaviande can have it work out of the box. I also learnt that present users who are active tend to be able to fix this easily, while inactive users such as ones who used Google Fonts in Figma won't be impacted because Figma cached the layouts. What that works @emmamarichal ?

bettergui avatar Apr 26 '23 16:04 bettergui

Yes I understand, but the font is served almost 10million time and featured on 19000 websites. I would not take the risk to change anything here, even if it's for a better result. It's the inconvenient of fonts served on an API, we can't make any big change without consequences, the rest of my team will not validate this too, I'm very sorry.

emmamarichal avatar Apr 27 '23 07:04 emmamarichal