谷歌浏览器的字体答案

【问题标题】：Font face with Google Chrome谷歌浏览器的字体
【发布时间】：2012-07-05 08:55:33
【问题描述】：

从前几天，我的 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 上运行良好，上周运行良好。有人有同样的问题，有人知道我该如何解决？

谢谢，

【问题讨论】：

您能否让我们看看您是如何在代码中实际实现的...
@EliranMalka，他说它在其他浏览器中运行良好。
@NadavS。感谢您的澄清！我删除了我的答案抱歉忽略了！
@Trufa 很棒。 tilix- 你能告诉我们你的整个 HTML 页面吗？我在浏览器中使用 Babel Sans 对其进行了测试，它运行良好。我猜你知道谷歌浏览器上周更新了吗？我认为可以在那里找到解决方案，但需要整个页面。
Galleria 网站示例：Galleria Website - 标头完全崩溃。仅适用于 Chrome Mac...Screenshot

标签： css google-chrome font-face

【解决方案1】：

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

【讨论】：

【解决方案2】：

自 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！有用！希望这对你也有用！

【讨论】：

【解决方案3】：

现在可以使用了，我认为谷歌已经更新了浏览器。

【讨论】：

【解决方案4】：

首先：使用service 先生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 中声明的名称。

【讨论】：

这与问题无关。