Geek asks and answers

IE9: Arial translation incorrect (bolder)

I tested my page in Chrome, FF, and IE8, and all browsers displayed text as follows:

enter image description here

It is defined as follows:

font-family: 'Arial', sans-serif;
font-size: 0.75em;  
font-weight: bold;

I tried declaring Arial in different ways, using px instead of em, and also define the weight in the number (600, 800) ... But IE9 still makes it "bolder" than other browsers:

enter image description here

Any help? Thanks

+3
source share
5 answers

Just to weigh it, you could put the meta tag in your HTML as a quick workaround that would allow IE9 to emulate IE8, returning the original rendering.

To do this, put <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />in your section.

IE9, , , HTML5 CSS3.

+4

, , 600, , , IE 9, Arial , , , Arial, Arial Black. font-weight 800 900.

Arial IE 9 Arial Black, ...

font-family: Arial, sans-serif;
font-size: 0.75em;  
font-weight: 700;

Firefox.

+6

StackOverflow . , IE9 . ClearType, DirectWrite.

, . - . , IE- (, IE8-), .

+5

IE . , CSS IE css

<!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="/ie9.css" />
<![endif]-->

:

font-family: 'Arial', sans-serif;
font-size: 0.75em;
+1

, font-weight:bold body. - IE9 Arial , .

0

More articles:


All Articles