I've noticed that the same font can look quite different depending on the browser or application: to the extent that it might look nice in one browser but quite terrible in another.

Here's a screenshot of the Source Sans Pro.


Notice that small caps look nice on Firefox but not so on Edge, which is a problem because I need small caps.

Why is this happening and is there a way to fix this?

  • Microsoft uses font hinting and some of the fonts havent got the hinting done well. Neither mozilla, apple nor google do. You can test this by loading the font in fontforge and have it autogenerate the hints save and see what happens.
    – joojaa
    Sep 11 '21 at 18:08
  • The small caps look much better in Edge than in Firefox in that screenshot. The bold looks better in Firefox, though. Sep 12 '21 at 22:38

Hmm. Several weird things are going on here. It's actually Edge that seems to get the small caps the right size, but not Firefox. (Source Sans has quite tall small caps, bigger than the lower case). The website isn't loading the italic properly, you'll see "adjacent" is simply slanted when the 'a' should be single-storey.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.