Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rendering issue on Ubuntu & Windows with Self-Hosted Fonts #53

Closed
thatcort opened this issue Jul 22, 2019 · 5 comments
Closed

Rendering issue on Ubuntu & Windows with Self-Hosted Fonts #53

thatcort opened this issue Jul 22, 2019 · 5 comments
Labels

Comments

@thatcort
Copy link

I tried self-hosting font files and ran into rendering issues on Windows and Ubuntu that I don't see when using Google Fonts. It looks fine on Mac in both cases.

On Ubuntu and Windows the baseline of the characters is inconsistent, leading to lines with some characters higher than others. Note that this is using the files from a git pull of tag 1.422.

An image showing the problem and the css used to load the font are attached.

image

barlow.css.txt

@jpt jpt added the bug label Jul 22, 2019
@jpt
Copy link
Owner

jpt commented Jul 22, 2019

Hi @thatcort -- thanks for reporting the issue. I can only guess that there's an issue with the hinting in this release; I'll take a look at it and get back to you.

@jpt
Copy link
Owner

jpt commented Jul 23, 2019

Hi again @thatcort -- can you test these new WOFF2 files and let me know how they work? Thanks!
woff2-new.zip

@thatcort
Copy link
Author

thatcort commented Jul 24, 2019

This looks much better - thanks!

@jpt jpt closed this as completed in f470e7f Jul 29, 2019
jpt added a commit to jpt/fonts that referenced this issue Jul 29, 2019
@aristid
Copy link

aristid commented Nov 27, 2020

There is still a rendering issue on Windows 10, at least for Barlow Bold:
barlow-bold-problem
I'm using woff2, it looks the same in Chrome and Firefox.
Thank you!

@chiangs
Copy link

chiangs commented Feb 13, 2023

Self hosting on webapp viewed in Windows 11 Chrome. If I wrap it in a <h123456/> element the zero is fine, but in <p/> it shows the uneven height for the zero.
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants