Question

I would like to import some fonts for using in my website, I’m using this code that Google made.

HTML

<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Cuprum:400,700' rel='stylesheet' type='text/css'>

CSS

font-family: "Droid Sans", sans-serif;

It’s works in Firefox and Google Chrome but IE8 no, why ?

EDITED: Adobe create something like Google and the script is better than google and work perfect in Internet Explorer (more in http://html.adobe.com/edge/webfonts/)

Answer 1

Because it’s provided in WOFF format only, which is not supported by IE8.

Here: http://www.fontsquirrel.com/fontfacedemo/Droid-Sans you can download the same font in all formats needed.

Then, add the following code to your main CSS:

@font-face {
    font-family: "Droid Sans";
    src: url('DroidSans-webfont.eot');
    src: url('DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-webfont.woff') format('woff'),
         url('DroidSans-webfont.ttf') format('truetype'),
         url('DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

So you’ll be able to continue using this font.

Note that the font’s files must be in the same folder of your stylesheet.