css - IE8 不支持 Google API 字体

Question

我使用下面的代码使用 from 来支持字体

<link href='http://fonts.googleapis.com/css?family=Open+Sans|Oswald|Play|Numans' rel='stylesheet' type='text/css'>

如果我使用上面的网址，所有浏览器都支持的字体。

    @font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: local('Oswald '), local('Oswald'), url('http://themes.googleusercontent.com/static/fonts/oswald/v2/-g5pDUSRgvxvOl5u-a_WHw.woff') format('woff');
}
@font-face {
  font-family: 'Numans';
  font-style: normal;
  font-weight: 400;
  src: local('Numans'), local('Numans-Regular'), url('http://themes.googleusercontent.com/static/fonts/numans/v2/H6jkjoZl4TIrPYyjhdoCcw.woff') format('woff');
}
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: normal;
  src: local('Play'), url('http://themes.googleusercontent.com/static/fonts/play/v2/-SXnV4mZjf4oh1IBw13WZw.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

我将上面的 css 代码复制并粘贴到我的 CSS 中以获得字体支持。在 IE8 中单独不支持该字体。有没有解决办法。

Answer 1

当您复制 CSS 时它停止工作的原因是 Google 会根据发出请求的用户代理发回不同的 CSS。

The CSS returned for IE is different到您复制的 CSS。

因此，如果您使用的是 Google 网络字体，请将其与 <link href.. 一起使用按照建议。

---

如果您想在本地托管字体，请阅读:How to host google web fonts on my own server?