问题描述
有没有人知道为什么IE7 / IE8不会渲染一个Google字体，如果名称有空格？
你可以看到一个演示在这里：
完全相同的两个标签，一个使用Oswald，另一个使用Francois One（后退到格鲁吉亚，更容易发现）。
您可以在此处查看屏幕截图（IE）以及其应该如何呈现：（Chrome）
任何帮助将非常感谢！
BTW：这是一个类似的问题，
PD：我知道我可以在同一个标签中调用这两种字体。
我想你也找到了这个：
（今天有一篇关于Francois One的帖子，我猜这是你的）
有一个解决方案适用于我（我看到的字体现在在IE6-9）
最常见的原因字体不加载在IE是因为字体名称表被编码错误的字体作者。这绝对是Josefin的情况。姓氏+风格名称必须=全名。约瑟芬失败了。
FYI - fontsquirrel.com会自动在其网络字体中更正这些问题。
这必须是原因，事项到IE
- 从
- 在上传了字体，并获得了我的@ font-face-kit
- 上传了试用版中创建的.eot
- 编辑了
我只更改了EOT的URL到我上传的字体，对于WOFF我仍然可以使用google-font（但我想最好使用自己的文件为每个字体，没有人知道具体的字体多长时间
另请注意：在CSS中使用的font-family-name现在已更改为 FrancoisOneRegular p>
http://jsfiddle.net/doktormolle/nLUgJ/
Does anybody has an idea why would IE7/IE8 won't render a Google Font if the name has a space on it?
You can see a demo here: http://jsfiddle.net/fYzAb/1/
The exact same two tags, one using "Oswald" the other one using "Francois One" (with fallback to Georgia to make it easier to spot).
You can see a screenshot here http://screencast.com/t/dhhccz5n7O (IE) and here's how it should render: http://screencast.com/t/9M9uhTYTw5n (Chrome)
Any help would be greatly appreciated!
BTW: Here's a similar problem, http://www.htmlcodetutorial.com/comments/viewtopic.php?f=2&t=20841
PD: I know I can call both fonts in the same tag.
I guess you have also found this one: http://code.google.com/p/googlefontdirectory/issues/detail?id=1
(there was a post today regarding to Francois One, I guess it was yours)
There is a solution that works for me(I see the font now in IE6-9)
The most common reason fonts don't load in IE is because the font name table was coded wrong by the font author. That is definitely the case with Josefin. The Family Name + the Style Name must = The Full Name. Josephine fails this.FYI - fontsquirrel.com automatically corrects these problems in their webfonts.
This must be the reason, some wrong naming inside the original font which matters to IE
- Downloaded the TTF from google
- Uploaded the font at fontsquirrel.com and got my "@font-face-kit"
- Uploaded the created .eot inside the Kit
- Edited the css regarding to this bulletproof syntax
I changed only the URLs of the EOTs to my uploaded font, for the WOFF I still may use the google-font(But i guess it's better to use own files for every font, nobody knows how long the specific fonts will be reachable via the current URLs).
Also Note: the font-family-name to use inside the CSS has changed now to FrancoisOneRegular
http://jsfiddle.net/doktormolle/nLUgJ/
这篇关于Google字体（上面有空格）不在IE7 / IE8上呈现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！