微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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,结果非常好.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。