@font-face在Chrome for Android中无法工作

Question

我正在使用@font-face声明在网站上调用字体，它可以在IE、FF、Chrome以及移动Safari中显示。然而，在Android (4.1.2)的Chrome 18.0.1025308中，该字体无法正常显示。

我使用的是fontspring的防弹语法，但我无法确定是什么原因导致字体无法正常显示。

CSS:

@font-face {
    font-family: 'jump_startregular';
    src: url('wp-content/uploads/fonts/jstart-webfont.eot');
    src: url('wp-content/uploads/fonts/jstart-webfont.eot?#iefix') format('embedded-opentype'),
         url('wp-content/uploads/fonts/jstart-webfont.woff') format('woff'),
         url('wp-content/uploads/fonts/jstart-webfont.ttf') format('truetype'),
         url('wp-content/uploads/fonts/jstart-webfont.svg#jump_startregular') format('svg');
    font-weight: normal;
    font-style: normal;
} 

有什么想法吗？

- Marcatectura

---

它们不依赖于@font-face。 - Chris Frank

@Luca，你可以找到很多字体生成引擎，但它们在某些浏览器上会失败。通常情况下，人们更喜欢使用谷歌网络字体，因为它们得到了广泛的支持。 - Mr. Alien

@ChrisFrank 错了，它们是 @font-face。 - Mr. Alien

或者您可以使用样式表进行导入。 - Chris Frank

@Mr. Alien 尽管谷歌网络字体看起来很棒，但我遇到的问题是我想使用的字体不在它们的库中。 - Marcatectura

Answer 1

这个问题可能与你的font-family声明有关（我无法确定，因为你没有发布那部分内容）。例如，如果你有以下内容：

font-family: fghjkjh, 'jump_startregular', sans-serif;

Chrome for Android会假装已安装fghjkjh字体（但实际上使用默认的Android字体）并忽略其他一切。（不确定这是一个错误还是一个特性。）

在这种情况下，解决方案是将'jump_startregular'移到前面 - 可能会在@font-face块中添加local源，这可能会导致其他旧浏览器出现问题。

- Josh Goodwin