IE9 Shows certain sections with thinner font

Question

We're using Adobe's Source Sans Pro font via Google Web Fonts. The fonts show up fine in every browser we've looked at: Chrome, Firefox, IE7 and IE8, but randomly certain sections show up being rendered thinner in IE9.

The font-weight and size for the sections is the same as the rest of the page: 400 weight, 13px font-size.

The other issues I've looked at discuss full-page solutions, but bizarrely enough, this is only happening in certain sections of the page.

score 0 · Answer 1 · edited May 23 '17 at 12:19

0

Have you tried setting opacity:.9999; on your body element as recommended here? Also look at the second answer involving the use of pt text size measures.

edited May 23 '17 at 12:19

Community

1
1

answered Nov 11 '13 at 15:13

SW4

69,876
20
132
137

score 0 · Answer 2 · answered Nov 11 '13 at 15:25

0

Check if you are loading multiple subsets in the same line of code like greek, cyrillic, etc. Try splitting the code in one line for each subset and try it again. This has solved me a lot of trouble in the past.

answered Nov 11 '13 at 15:25

scooterlord

15,124
11
49
68

score 0 · Answer 3 · answered Nov 12 '13 at 16:22

0

It looks like adding the following meta tag solved the problem:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

answered Nov 12 '13 at 16:22

RGBz

81
9

IE9 Shows certain sections with thinner font

3 Answers3