google / google/fonts

Cairo render differs on safari, firefox and chrome

Open
#3,952 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
20.5k
Forks
2.9k
Avg merge
1d 21h
Merged PRs (30d)
95

Description

When using Cairo i see a big difference in how browsers render the font. It seems like both Safari and Firefox adds additional padding on both top and bottom. Ive even tried hardcoding the line-height but without any success.

Am i doing it wrong or is this expected? Can someone explain whats going on?

_The screenshots are using bootstrap. Not sure if that makes any difference?_

Chrome:
Screenshot 2021-10-19 at 16 11 23

Firefox:
Screenshot 2021-10-19 at 16 11 09

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.