Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Google Web Fonts don't work in IE8

I'm using this to link to some Google Fonts:

<link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC|Snippet|Sarina|Crushed|Caesar+Dressing|Montez|Bad+Script|Sofia|Fontdiner+Swanky|Just+Me+Again+Down+Here|Voltaire|Geo|Coming+Soon|Wellfleet|Passion+One|Rock+Salt|Homemade+Apple|Meddon|Rosario' rel='stylesheet' type='text/css'>

I'm using this code, which works in some browsers:

<span style="font-size: 110px;font-family:montez;"><b>Abcdefg</b></span>

Why doesn't the font doesn't appear in IE8? http://jsfiddle.net/3NbE5/

like image 587
TIMEX Avatar asked Jan 29 '12 03:01

TIMEX


2 Answers

It seems that IE doesn't support multiple fonts in the href:
http://jsfiddle.net/3NbE5/3/

You had this href:

<link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC|Snippet|Sarina|Crushed|Caesar+Dressing|Montez|Bad+Script|Sofia|Fontdiner+Swanky|Just+Me+Again+Down+Here|Voltaire|Geo|Coming+Soon|Wellfleet|Passion+One|Rock+Salt|Homemade+Apple|Meddon|Rosario' rel='stylesheet' type='text/css'>


After removing the other fonts it worked:

<link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC|Montez' rel='stylesheet' type='text/css'>
like image 112
Ricardo Castañeda Avatar answered Oct 17 '22 07:10

Ricardo Castañeda


Just in case the solution above don't cut it for you.

I got multiple fonts working on ie8 without any problems. My actual problem was using ie11 in compatibility mode for ie8, where google web fonts don't seem to work in any possible way.

I guess the lesson is, use a vm with the actual ie8. You can grab one here or here.

like image 24
golfadas Avatar answered Oct 17 '22 05:10

golfadas