Ugly font on Windows 10, IE11 (white font, black Background)

HTML & CSS
1

Here is the font (Gotham) on Windows 10, Internet Explorer 11

And here it is on macOS (all browsers):

The apostrophe is large on IE11, the text looks squished and is less legible.
Is this the font itself that is to blame? Or are there CSS methods to resolve this for lighter fonts on darker backgrounds.

2

Hi, it may have to do with font smoothing and anti aliasing. Particularly true using @font-face under mac makes the text look bolder than it should. Check out this article: https://davidwalsh.name/font-smoothing

3

Thanks, I read the article and tried both of those:

* {
	-webkit-font-smoothing: antialiased;
}

* {
	-moz-osx-font-smoothing: grayscale;
}

But to no avail. I put them in the bottom of my stylesheet. Any further suggestions?

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.