Chrome 10 / Windows @ font-face编码的麻烦

有没有人在Chrome 10 / Win中独家遇到这种情况?

截断空格的屏幕截图由问号和方块字符替换

这两个网页字体中的所有非打破空格都不能正确渲染。 在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'); } 

webfont很可能未正确组装。

我已经下载了Sebastian网站上使用的CaviarDreams字体,并得到了相同的错误。

然后我从这里下载: http : //www.dafont.com/caviar-dreams.font ,使用fontsquirrel.com的typekit生成器 ,结果非常好。

尝试编码他们使用fontsquirrel.com Typekit发电机我不知道是什么问题,但它可能有所帮助。

尝试从以前的StackFlow问题。 参考htaccess的一部分,而不是开始:

Chrome中字体错误的MIME类型

另请参阅此票与谷歌:

http://code.google.com/p/chromium/issues/detail?id=72727&q=%40font-face&colspec=ID%20Stars%20Pri%20Area%20Feature%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS

最后的手段:用字体松鼠重新生成您的字体。

我之前对这个问题进行了评论,并且发现了一些额外的信息,用于在Chrome,Internet Explorer和Firefox中为换行符,行尾和空格字符使用“X”的框和空格出现问题。 是的,有时重新生成字体文件改善了事情,但后来我注意到,当我为空格和新行添加Unicode字符时,我的问题基本消失了。 生成字体时,将以下内容粘贴到FontSquirrel上的Unicode范围字段中:

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

为了更好的衡量,我还在“单个字符”字段中输入了一个空格键。