Hi All,
A client is using a few weights from one of my families on a large, consumer-facing website and the semibold weight is rendering very poorly on Windows browsers (looks fine on Mac browsers). I believe it was purchased through one of my vendors and they were using the .otf files, and then also tried woff files, but it didn't help. Here is a screenshot they sent (Mac browser on top, Windows browser with font at 22px on bottom).
![]( "Image: https://us.v-cdn.net/5019405/uploads/editor/zv/zol058duu79j.png")
I've got another thread going on the Glyphs forum https://forum.glyphsapp.com/t/rendering-issue-on-windows-browsers/12956/11 and am actively trying to apply and tweak some TTFautohinting parameter settings and testing on a borrowed Windows machine, but I can't get these same poor results.
Here is a screenshot from the Windows computer of a test of the original font on the left using the Cyreal.org testing page (tested with Chrome and IE), and on the right is the clients website currently using the font, as seen on a Windows browser. The lighter weights are ok, but the heavier one closes up in the counters (as seen in the word "features" on the right, compared to "make" in the test page on left).
![]( "Image: https://us.v-cdn.net/5019405/uploads/editor/bc/qi75cs1k1ld3.png")
They noted: "We’ve also narrowed it down a bit and it seems like the issue seems more prominent on Window browsers roughly 1366x768 resolution or lower (at 100%)."
I've used the autohint option at export, but don't have experience in hinting beyond that, so I'm stumped right now and have not had an issue like this pop up before. So any help or advice is greatly appreciated, thanks!
A client is using a few weights from one of my families on a large, consumer-facing website and the semibold weight is rendering very poorly on Windows browsers (looks fine on Mac browsers). I believe it was purchased through one of my vendors and they were using the .otf files, and then also tried woff files, but it didn't help. Here is a screenshot they sent (Mac browser on top, Windows browser with font at 22px on bottom).
I've got another thread going on the Glyphs forum https://forum.glyphsapp.com/t/rendering-issue-on-windows-browsers/12956/11 and am actively trying to apply and tweak some TTFautohinting parameter settings and testing on a borrowed Windows machine, but I can't get these same poor results.
Here is a screenshot from the Windows computer of a test of the original font on the left using the Cyreal.org testing page (tested with Chrome and IE), and on the right is the clients website currently using the font, as seen on a Windows browser. The lighter weights are ok, but the heavier one closes up in the counters (as seen in the word "features" on the right, compared to "make" in the test page on left).
They noted: "We’ve also narrowed it down a bit and it seems like the issue seems more prominent on Window browsers roughly 1366x768 resolution or lower (at 100%)."
I've used the autohint option at export, but don't have experience in hinting beyond that, so I'm stumped right now and have not had an issue like this pop up before. So any help or advice is greatly appreciated, thanks!