简体   繁体   中英

Ugly font rendering in Internet Explorer

Is there any workaround to ugly font rendering in Internet Explorer - Windows?

   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

在此处输入图片说明

Here is a 100% crop:
Left: IE
Right: FF

The page is very complicated and gives different CSS rules to different browsers. But the font rendering difference is ultimately very simple, and in this sense the question might be regarded as a duplicate of eg Font differences between Mozilla Firefox and Internet Explorer .

The difference can be demonstrated in a very simple setup where the CSS code is reduced to the following:

a {
 padding: 1px 2px;
 color: #FFFFFF;
 background: rgb(38, 127, 234);
 font: 13px Arial;
 font-weight: bold;
}

So it's just Arial Bold in 13px size with a certain blue background and in white color. On IE, some strokes look thicker than on Firefox, due to differences in font rendering algorithms, and there is nothing you can do about it now or in the foreseeable future, except that this may lead you into reconsidering the font and style choices.

The following is what you get (produced on Windows 7; Firefox on the left, IE on the right):

在此处输入图片说明

If you magnify it so that pixels becomes discernible, you'll see rather many differences:

在此处输入图片说明

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM