导入字体Internet Explorer

Question

我想导入一些字体在我的网站上使用,我正在使用谷歌制作的这个代码.

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;

它适用于Firefox和谷歌Chrome,但IE8没有,为什么？

编辑:Adobe创建类似谷歌的东西,脚本比谷歌更好,在Internet Explorer中工作得很完美(更多内容见http://html.adobe.com/edge/webfonts/)

Answer 1

因为它仅以WOFF格式提供,IE8不支持.

这里:http://www.fontsquirrel.com/fontfacedemo/Droid-您可以下载所需格式的相同字体.

然后,将以下代码添加到主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;
}

所以你将能够继续使用这种字体.

请注意,字体的文件必须位于样式表的同一文件夹中.