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?

这两个 webfonts 中的所有不间断空格都没有正确呈现.在 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屋！