2011-08-23 51 views
4

有没有人知道为什么如果名字上有空格,IE7/IE8不会渲染Google字体?IE7/IE8上没有渲染的Google字体

这里你可以看到一个演示:使用“奥斯瓦德”使用“弗朗索瓦一号”(回退到格鲁吉亚,使其更容易发现),另一个http://jsfiddle.net/fYzAb/1/

完全相同的两个标签,一个。

您可以在这里看到的截图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:我知道我可以在相同的代码调用两种字体。

回答

6

我想你也发现了这样一条:http://code.google.com/p/googlefontdirectory/issues/detail?id=1
(有今天关于弗朗索瓦一个帖子是,我猜它是你的)

有一种解决方案,适合我(我现在看到字体在IE6-9)

字体在IE中无法加载的最常见原因是由于字体作者错误地将字体名称表编码。 Josefin绝对是这种情况。家庭名称+样式名称必须=全名。约瑟芬失败了。 仅供参考 - fontsquirrel.com会自动更正这些问题的网页字体。

这必须是真正的原因,这关系到IE

  1. 原始字体下载的TTF里面的一些错误的命名来自google
  2. fontsquirrel.com上传的字体和得到了我的“@字体face-套件”
  3. 上传的套件
  4. 编辑的CSS关于向this bulletproof syntax
内部创建.eot

我只更改了EOT的URL到我上传的字体,对于WOFF我仍然可以使用谷歌字体(但是我想最好对每个字体使用自己的文件,没有人知道特定字体将会多长时间通过当前网址可以访问)。

还要注意:字体家族名的CSS内使用,现在已更改为FrancoisOneRegular

http://jsfiddle.net/doktormolle/nLUgJ/

+1

谢谢Dr.Molle,实际上FontSquirrel有字体,所以我跳过了第1部分和第2部分,但其余部分工作得很好。 – leopic

1

尝试将+号替换为%20。我检查了%20的网址,它也可以工作,也许它适用于IE。

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

不,没有工作,在这里试了一下:HTTP:// jsfiddle.net/kppcw/4/ – leopic

+0

你犯了错误。你在那小提琴中输入了20%。它应该是%20。然后在src =“”上执行此操作,在CSS中保留:font-family:'Francois One'; – morsik

+0

你是对的,我只是纠正它http://jsfiddle.net/kppcw/6/,仍然无法正常工作。 – leopic

1

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

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

+0

您下载了字体,重新命名了它,但仍然无法正常工作?废话,那是我的备份计划。 – leopic