Copy link to clipboard
Copied
I'm loading up the campaign font from adobe typekit, and I've made a simple page here unstyled, to test the font only: https://verazab.github.io/testFont/test.html
Actually, this is also visible on adobe's own page: https://fonts.adobe.com/fonts/campaign
If you choose Campaign Regular, or Campaign Medium, and in the dev tools, change the font size to be 14px, then you'll see the font waviness too.
This font, when looked at with any browser on windows shows up with letters of different lenghts. Ex:
on Windows (notice shorter 'l's and 'r'):
vs on Mac:
Don't mind the blurriness please, that's not the issue.
We've chosen this font for our company's site and have adopted it on many pages, preferably I'd like to fix it for our Windows users instead of just accepting that it's maybe not windows compatible.
I'm noticing also that on zoom, on Windows, starting from a 125% zoom, the letters seem to self fix and render at more equal lenght.
Any help on this greatly appreciated, thanks!
Have something to add?