4

I'm using an @font-face declaration to call a font on a website and it displays in IE, FF, Chrome, even Mobile Safari. However, the font is not displaying in Chrome 18.0.1025308 for Android (4.1.2).

The syntax I'm using is fontspring's bulletproof syntax, and I'm having a real problem determining what is preventing the font from displaying properly.

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

Any thoughts?

4

1 回答 1

1

问题可能与您的font-family声明有关（我无法确定，因为您尚未发布该部分）。例如，如果你有这个：

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

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

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

于 2013-09-12T21:59:39.073 回答