google webfont无法在IE中工作

Question

我在使用Google网络字体时遇到了一些奇怪的行为.现在我正在使用它就像嵌入样式表一样,它运行正常.

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300|Orienta' rel='stylesheet' type='text/css'>

但是当我将这个@ font-face值用于我的css文件时,它无法正常工作.

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format('woff');
}
@font-face {
  font-family: 'Orienta';
  font-style: normal;
  font-weight: 400;
  src: local('Orienta'), local('Orienta-Regular'), url(http://themes.googleusercontent.com/static/fonts/orienta/v1/nPJ0J30J_zQZtBhztPPbaA.woff) format('woff');
}

这些代码发生了什么,我认为它们在上面都有相同的作用.伙计们好吗？

注意.另外我打算将这些字体下载到我的系统并从服务器加载它.提前致谢.

Answer 1

你需要有一个.eot扩展名,你的字体才能在IE中运行.你可以在这里使用发电机http://www.fontsquirrel.com/fontface/generator