IE9 @font
所以IE9吐出一个使用谷歌字体的错误包括如下：
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet" type="text/css" />
IE9吐出一个错误，即使字体仍然正常加载：
CSS3111: @font-face encountered unknown error.
我很乐意忽略这个错误，如果我没有写在别人的网页上的内容。 :(
在本地托管EOT文件可解决IE的问题：
< !--[if IE 9]>
< link rel="stylesheet" href="/survey/css/lato-ie.css" type="text/css" />
< ![endif]-->
并在该文件中..
@font-face {
font-family: "Lato";
font-style: normal;
font-weight: 400;
src: url("/Lato-Reg-webfont.eot") format("embedded-opentype");
}
@font-face {
font-family: "Lato";
font-style: normal;
font-weight: 900;
src: url("/Lato-Bla-webfont.eot") format("embedded-opentype");
}
将它包含在IE9中，错误消失了，效果很好。
现在我的问题是，我需要为每个人包括谷歌字体样式表，但IE9。 例如，我不能这样做：
< !--[if !IE 9]>
< link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet" type="text/css" />
< ![endif]-->
或者，Firefox甚至不会看到该死的包括。
IE的开发人员密谋浪费我们所有的时间吗？
你在正确的轨道上，你只需要使用一个低级别的条件评论：它会隐藏IE浏览器，但会被其他浏览器收到。
一个问题，你想在本地查看你的文件吗？
谷歌字体不会在本地渲染，即使你是链接到绝对的外部链接。 （在IE的情况下）
localhost/project/index.html = good
C:Projectindex.html = bad
上一篇: IE9 @font