@font-face 在 Android 版 Chrome 中不起作用

Question

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

我使用的语法是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;
} 

有什么想法吗？

Answer 1

该问题可能与您的声明有关font-family（我无法判断，因为您还没有发布该部分）。例如，如果您有这样的情况：

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

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

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