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;

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

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

@ font-face在Chrome for Android中无效

1 个答案: