android - @font-face 不适用于 Chrome for Android

Question

我正在使用 @font-face 声明来调用网站上的字体，它会显示在 IE、FF、Chrome，甚至是 Mobile Safari 中。但是，该字体未在 Android (4.1.2) 的 Chrome 18.0.1025308 中显示。

我使用的语法是 fontspring's防弹语法，我在确定是什么阻止字体正确显示时遇到了一个真正的问题。

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;
} 

有什么想法吗？

Answer 1

问题可能与您的font-family 声明有关(我无法确定，因为您还没有发布该部分)。例如，如果您有这个:

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

...Android 版 Chrome 会简单地假装安装了 fghjkjh(但实际上使用默认的 Android 字体)并忽略其他所有内容。 (不确定这是错误还是功能。)

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