Chrome 10 / Windows @font-face 编码问题

4

有没有人在Chrome 10 / Win中遇到过类似于这样的问题?

非断空格被问号和方块替换的屏幕截图

这两种Web字体中的所有非断空格都无法正确呈现。 在IE7 / 8/9,Firefox,Safari和Chrome / OSX中工作正常。

我的fonts.css文件内容:

@font-face {
    font-family: 'Hellenic';
    src: url('../fonts/eot/hellenic.eot?') format('eot'),
         url('../fonts/ttf/hellenic.ttf') format('truetype'),
         url('../fonts/woff/hellenic.woff') format('woff'), 
         url('../fonts/svg/hellenic.svg#MCMHellenicWide') format('svg');
}

@font-face {
    font-family: 'Lasalle';
    src: url('../fonts/eot/lasalle.eot?') format('eot'),
         url('../fonts/ttf/lasalle.ttf') format('truetype'),
         url('../fonts/woff/lasalle.woff') format('woff'), 
         url('../fonts/svg/lasalle.svg#FilmotypeLaSalle') format('svg');
}

@font-face {
    font-family: 'LeagueGothic';
    src: url('../fonts/eot/leaguegothic.eot?') format('eot'),
         url('../fonts/ttf/leaguegothic.ttf') format('truetype'),
         url('../fonts/woff/leaguegothic.woff') format('woff'), 
         url('../fonts/svg/leaguegothic.svg#svgFontName') format('svg');
}

我遇到了相同的问题,但找不到任何解决方法。您可以在此处查看问题:http://www.fease.org/code。在Mac浏览器、PC IE和FF中完美运行,在Windows Chrome中存在缺陷。非常感谢您提供任何帮助。 - Sebastian Patane Masuelli
@Sebastian:顺便说一下,如果你点击“重新标记”而不是“编辑”,你可以在不经过整个编辑审批流程的情况下更改标签。 - Powerlord
我真不知道我怎么会错过那个,谢谢你提醒我。 - Sebastian Patane Masuelli
4个回答

5

+1 我有一种感觉你是对的。今晚会尝试一下,如果成功了,赏金就归你了 :) - Sebastian Patane Masuelli
工作得很好,非常感谢。一旦SO允许我(16小时),我会授予奖金。另外,我很想看看你正在使用它的网站,这是一个很酷但有问题的字体选择。 - Sebastian Patane Masuelli
楼主在这里 -- 今晚会尝试一下,看看能达到什么效果。谢谢大家的帮助。 - Jon
1
我在IE7和一些安装了IE8的电脑上遇到了相同的问题。刚刚回到Font Squirrel重新生成字体时,发现在高级设置中有一个修复字形的部分,其中勾选框可以选择空格和连字符。 - Dylan Valade
不错的发现,Dylan。谢谢你的提示。 - Jon

1

尝试使用fontsquirrel.com Typekit生成器对它们进行编码,我不确定问题出在哪里,但这可能会有所帮助。


+1 鼓励第一名,感谢 unclenorton 给出了精准的解决方案并奖励他。 - Sebastian Patane Masuelli

1

嗯,这似乎与问题有些关联,但在这种情况下有什么解决方案呢?Chrome拒绝使用'application/x-font-woff'和'application/x-woff'来加载.woff字体。奇怪的是,重新组装字体可以修复错误,但无法消除警告。 - unclenorton
我认为谷歌仍然认为这是一个未解决的漏洞。因此,目前还没有官方解决方案。至于如何解决警告问题,我还没有找到任何解决方法... - tahdhaze09
+1 鼓励你的彻底解决方案,感谢 unclenorton 提供精准的解决方案。 - Sebastian Patane Masuelli

0

我之前评论过这个问题,并为那些在Chrome、Internet Explorer和Firefox中遇到框和带有'X'的空格、换行和空格字符的人提供了一些额外信息。是的,有时重新生成字体文件可以改善问题,但当我添加了Unicode空格和新行字符时,我注意到我的问题基本上都解决了。在生成字体时,将以下内容粘贴到FontSquirrel的Unicode范围字段中:

0085, 000A, 000B, 000C, 000D, 2028, 2029

为了保险起见,我还在“单个字符”字段中输入了一个空格键。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接