barlow icon indicating copy to clipboard operation
barlow copied to clipboard

Windows rendering issue: bold 'e' characters

Open davidfurlong opened this issue 5 years ago • 21 comments

It appears that the bold version 'e' characters are being rendered incorrectly only on windows. Self hosted woff2. Tried updating to newest version and that didn't resolve it image (4) image (3)

davidfurlong avatar Sep 04 '19 15:09 davidfurlong

Hi @davidfurlong - thanks for opening the issue, I'll look into it. In which browser and version of Windows is this happening?

jpt avatar Sep 04 '19 20:09 jpt

Chrome & windows 10 - thanks for looking into this. We've experienced this across multiple devices and you can directly reproduce on deedmob.com on these versions if you'd like

davidfurlong avatar Sep 05 '19 08:09 davidfurlong

Hi @davidfurlong -- thanks for the additional information, I'm looking into it. I wonder if this fix works as a temporary solution? https://coderwall.com/p/9tecwq/fix-poor-font-rendering-in-chrome-on-windows

jpt avatar Sep 06 '19 06:09 jpt

Thanks for looking into it

davidfurlong avatar Sep 06 '19 07:09 davidfurlong

Hi @davidfurlong -- it looks like there was an error with the "virtual masters" for the letter "e" in the source file that I think caused some bad autohinting-related metadata. I've fixed the source and generated new WOFF2 binaries -- can you let me know if the attached files fix your problem? Click to download -- woff2.zip

If this works I'll go ahead and push out a new version of Barlow. Thanks again for opening the issue.

jpt avatar Sep 06 '19 21:09 jpt

hey @jpt I appreciate you looking into this and finding a possible resolution. I'll be honest, we decided to switch out barlow for another font due to this issue and I don't have access directly to a windows environment -- therefore its prohibitively time consuming for me to now try to see if the above font download fixed the issue. I hope you can find another reproduction environment and I'm sorry to drop this on you

davidfurlong avatar Sep 08 '19 08:09 davidfurlong

@davidfurlong -- no worries at all, I appreciate bug report! I'll spin up a VM to give it a proper evaluation.

jpt avatar Sep 09 '19 22:09 jpt

I'm having similar issues but it is also effecting the capital "E". This is occurring in IE11, Firefox and Chrome on Windows. I tried your new WOFF2 binaries and the issue is still occurring.

image

briandipert avatar Sep 30 '19 18:09 briandipert

Thanks @briandipert -- can you give these a try? Also, can you let me know if WOFF (not WOFF2) files have the same problem?

Barlow-New-WOFF2.zip

jpt avatar Oct 01 '19 06:10 jpt

These WOFF2 files fixed the issues for me!

On the WOFF files, the Barlow Regular font does not appear to have the issue but the Barlow Condensed Regular font does it (see image below) image

briandipert avatar Oct 03 '19 17:10 briandipert

@briandipert thanks so much for the report, you've helped me identify the problem: the latest version of Barlow's WOFF and WOFF2 files are using OpenType outlines instead of TrueType outlines, so ttfAutoHint is not being applied / Windows compatibility has suffered. I'll get a new version up shortly. Thanks again for the help!

jpt avatar Oct 03 '19 23:10 jpt

We have the same issue with the WOFF and WOFF2 files and can replicate it on OSX and Linux (in Chrome):

image

For us this also only happens with the bold style.

Sopamo avatar Oct 15 '19 08:10 Sopamo

@jpt Could you give an estimate on when this issue might be fixed? Thank you!

naeon avatar Oct 28 '19 08:10 naeon

@jpt do you have a TTF file of the latest version of Barlow?

briandipert avatar Dec 02 '19 22:12 briandipert

Hinting has been updated in the source, I will generate new TTF binaries soon: https://github.com/jpt/barlow/tree/1.5

jpt avatar Oct 19 '21 08:10 jpt

new TTF files can be found here: https://github.com/jpt/barlow/tree/1.5/fonts/ttf I will merge them into the main branch once I've finished testing

jpt avatar Oct 21 '21 05:10 jpt

I've tried to test the TTF files on http://www.cyreal.org/Font-Testing-Page/ (drag-n-drop) but they are not loading correctly. The OTF versions seem to load ok. I don't know if its Cyreal's page fault, or something in the TTF is strange. Previous Barlow TTF versions load correctly in that page. Windows preview seems to show the new TTF files ok also.

Another testing page: http://webfont-test.com/ is also not working on the new TTFs.

agusmba avatar Oct 29 '21 08:10 agusmba

Looking into the TTFs, thanks for letting me know

jpt avatar Nov 27 '21 04:11 jpt

Hi @agusmba — can you give the latest TTF files here a try? I think it will fix the issue. Thanks all in this thread for reporting Barlow1.5-RC1.zip

jpt avatar Dec 05 '21 01:12 jpt

Hi @agusmba — can you give the latest TTF files here a try? I think it will fix the issue. Thanks all in this thread for reporting Barlow1.5-RC1.zip

Will do. I'll edit this comment with my results. Thanks!

UPDATE The new TTF files load correctly. 👍 However doing a quick comparison with version 1.422, I see some strange artifacts:

image Notice the uneven characters at size 18 compared with v1.422

Using the testing page I used before, there seem to be some antialiasing not working properly: image

compared to version 1.422 which looks better regarding aliasing (sorry if this is not the right term): image

agusmba avatar Dec 09 '21 11:12 agusmba

The OTF is a bit better than the TTF, but still has some quirks: image

agusmba avatar Dec 09 '21 12:12 agusmba