All geek questions in one place

Why does Internet Explorer 9 make Arial more powerful than other browsers?

For some reason, IE9 makes the Arial font more bold than other browsers like IE7, IE8, Chrome, and Firefox. I searched for the cause in CSS, but did not find anything wrong.

Another thing that happened was that on most of my websites I had a spacing of 1 or 2 pixels, but IE9 showed it too wide, so I made conditional CSS for it with the usual spacing between words.

You can see the difference in the attached screenshot and also find it in this temporary link: http://pat.co.il/shirg/matanuziel.com/ chrome on the left, ie9 on the right

Any ideas would be appreciated. Thanks

+6
source share
2 answers

The problem is the browser , not your site.

Internet Explorer 9 uses the ClearType subpixel position to render text using DirectWrite. This can lead to differences in rendering compared to other browsers and expected behavior. This can cause the text to blur a bit, as you see.

As an additional note, you should use TypeKit if you want to use non-standard fonts and render them (reasonably) well for all users. Please note that in browsers there will still be slight differences in the differences, probably at the same level as you have here.

And as Alan said, using normalize.css is a good idea.

+5
source

It might be worth a look at normalize.css . I don’t know if he will consider your specific problems, but I found this to be a good starting point.

0
source

Source: https://habr.com/ru/post/904723/

More articles:


All Articles