1

几天以来，我的 Google Chrome 浏览器没有显示特殊字体：CSS with font-face。

@font-face {
    font-family: 'Babel Sans';
    src: url('../fonts/babelsans.eot');
    src: url('../fonts/babelsans.eot?#iefix') format('eot'),
         url('../fonts/babelsans.woff') format('woff'),
         url('../fonts/babelsans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

在 Safari、Firefox 和 IE 上一切正常，上周运行良好。有人有同样的问题，有人知道我该如何解决？

谢谢，

4

4 回答 4

1

它现在可以工作了，我认为谷歌已经更新了浏览器。

于 2012-07-09T17:17:49.803 回答
1

自 Chrome 20 更新以来，我遇到了同样的问题。这件事发生在 Windows Xp 和 Mac Os X 10.6.8 中。Safari 和 Mobile Safari（与 Chrome 共享 WebKit 引擎）的工作方式与 Firefox 和 IE 非常相似。我的css代码和你的一模一样。查看检查器似乎没有下载字体。有时在我的网站中导航不同的页面（共享相同的 css 外部文件）时，字体会加载并正确显示。

还在努力解决这个...

编辑：

我设法解决了这个问题。我不知道为什么，但使用这个有效： http ://www.fontsquirrel.com/fontface/generator/

我上传了我的字体，得到了 css 和转换后的文件，将它们上传到我的服务器并替换了 font-face 声明......bling！有用！希望这也对你有用！

于 2012-07-05T13:27:05.523 回答
0

由于 Chrome 更新了大约一周，您可以尝试使用旧版本来确定它是否是一个错误（我自己没有发现任何问题）。在http://www.oldapps.com/google_chrome.php获取一份。
除了其他与字体相关的 CSS 值之外，还要检查您是否使用此字体（如果是，请停用它们）。过去有一些问题实际上已经解决了，但你永远不知道......

于 2012-07-04T23:25:15.717 回答
0

首先：按照Stefano 先生的建议，使用此服务转换您的字体：

稍后使用此 CSS 代码在项目中使用您的字体：

@font-face {
    font-family: 'aljazeeraregular';
    src: url('aljazeera-webfont.eot');
    src: url('aljazeera-webfont.eot?#iefix') format('eot'),
         url('aljazeera-webfont.woff') format('woff'),
         url('aljazeera-webfont.ttf') format('truetype'),
         url('aljazeera-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    background-color: #eaeaea;
    font-family: 'Aljazeera';
    font-size: 14px;
}

请注意，当您调用font-family您的站点时，您必须使用它的原始名称，而不是像您在@font-face.

于 2013-08-16T11:10:26.530 回答