IE8 不支持 Google API 字体
Posted
技术标签:
【中文标题】IE8 不支持 Google API 字体【英文标题】：Google API font not supported in IE8 【发布时间】：2011-12-25 03:46:45 【问题描述】：我在下面的代码中使用 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 中单独不支持字体。有什么解决办法吗？
【问题讨论】：
【参考方案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?
【讨论】：
以上是关于IE8 不支持 Google API 字体的主要内容，如果未能解决你的问题，请参考以下文章