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

标签 css windows google-chrome character-encoding font-face

有人在 Chrome 10/Win 中遇到过类似的问题吗?

Screenshot of non-breaking spaces being replaced by question mark and square characters

这两个网络字体中的所有不间断空格都没有正确呈现。在 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's typekit generator ,结果非常好。

关于css - Chrome 10/Windows @font-face 编码问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5315788/

相关文章:

javascript - html css 图像对齐

html - 段落标记中的文本对齐因浏览器而异

c++ - 如何以与 VBScript 相同的方式解析命令行

javascript - 如何重定向到 chrome-devtools ://protocol?

google-chrome - chrome 扩展程序可以更改页面字符集吗?

css - 单击图片时显示弹出

css - 带省略号和换行的多行截断

windows - 自动应答 Y 窗口命令网络共享/删除

linux - 从 shell 脚本启动 pdf 文件

javascript - 简单的 <script> 标签 - Access-Control-Allow-Origin 不允许 Origin null