谷歌字体(上面有空格)不能在IE7 / IE8上呈现

时间:2011-08-23 18:26:02

标签: html css internet-explorer-8 internet-explorer-7 font-face

有人知道为什么如果名称上有空格,IE7 / IE8会不会呈现Google字体吗?

您可以在此处查看演示:http://jsfiddle.net/fYzAb/1/

完全相同的两个标签,一个使用“Oswald”,另一个使用“Francois One”(后退到格鲁吉亚以便更容易发现)。

您可以在此处看到屏幕截图http://screencast.com/t/dhhccz5n7O(IE),以及它应如何呈现:http://screencast.com/t/9M9uhTYTw5n(Chrome)

非常感谢任何帮助!

BTW:这是一个类似的问题,http://www.htmlcodetutorial.com/comments/viewtopic.php?f=2&t=20841

PD:我知道我可以在同一个标​​签中调用这两种字体。

3 个答案:

答案 0 :(得分:6)

我猜你也发现了这个:http://code.google.com/p/googlefontdirectory/issues/detail?id=1
(今天有一篇关于Francois One的帖子,我想这是你的)

有一个适用于我的解决方案(我现在在IE6-9中看到了字体)

字体在IE中未加载的最常见原因是字体名称表被字体作者编码错误。 Josefin的情况绝对如此。姓氏+样式名称必须=全名。约瑟芬失败了。 FYI - fontsquirrel.com会自动更正其网页字样中的这些问题。

这一定是原因,原始字体中的一些错误命名对IE来说很重要

  1. google
  2. 下载了TTF
  3. fontsquirrel.com上传了字体并获得了我的“@ font-face-kit”
  4. 在Kit
  5. 中上传创建的.eot
  6. 编辑了关于this bulletproof syntax
  7. 的css

    我只将EOT的URL更改为我上传的字体,对于WOFF,我仍然可以使用google-font(但我想最好为每种字体使用自己的文件,没人知道特定字体会有多长可以通过当前的URL访问。)

    另请注意:CSS中使用的font-family-name现已更改为 FrancoisOneRegular

    <强> http://jsfiddle.net/doktormolle/nLUgJ/

答案 1 :(得分:1)

尝试将%+替换为%20。我用%20检查了网址,它也有效,也许它适用于IE。

https://fonts.googleapis.com/css?family=Francois%20One

答案 2 :(得分:1)

我认为可能是字体本身检查这个

http://jsfiddle.net/gHury/1/