Chrome 10 / Windows @ font-face编码麻烦 [英] Chrome 10/Windows @font-face encoding trouble

问题描述

有没有人在Chrome 10 / Win中专门遇到类似这样的问题？

Has anyone come across something like this exclusively in Chrome 10/Win?

这两个网络字体中的所有不间断空格都不是呈现正确。工作在IE7 / 8/9，Firefox，Safari和Chrome / OSX。

All the non-breaking spaces in these two webfonts aren't rendered properly. Working in IE7/8/9, Firefox, Safari, and Chrome/OSX.

我的fonts.css文件的内容：

Contents of my fonts.css file:

@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没有正确组装。

It is highly likely that the webfont is not assembled properly.

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

I have downloaded CaviarDreams font which is used on Sebastian's site and got the same bug.

从此处开始： http://www.dafont.com/caviar-dreams.font ，使用 fontsquirrel.com的typekit生成器，结果是非常好的。

Then I downloaded it from here: http://www.dafont.com/caviar-dreams.font, used fontsquirrel.com's typekit generator, and the result was perfectly fine.

这篇关于Chrome 10 / Windows @ font-face编码麻烦的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！