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

有没有人在Chrome 10 / Win中遇到过类似的东西?

这两个webfonts中的所有非中断空格都未正确呈现.在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字体并得到了相同的bug.

然后我从这里下载了它:http://www.dafont.com/caviar-dreams.font,使用了fontsquirrel.com’s typekit generator,结果非常好.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效