android - 字体系列 "cursive"在 chrome mobile v47 中不起作用

Question

我想知道为什么它在 chrome 移动浏览器 v47(最新的 atm)中不起作用，因为它在桌面浏览器上完美运行，包括开发人员工具中的不同移动设备模式。

是否存在解决方法？至少，我可以找到下载的原始名称是什么？

检查一下:

<style>

* {
  font-family: cursive;
}

</style>

<div>
  I should be cursive even on mobile devices
</div>

JSFiddle

请注意，它可以在开发者工具中使用，但不适用于真正的移动设备。

Answer 1

永远不要依赖通用系列关键字来实际成为“特定字体”。浏览器不需要加载与关键字匹配的字体，从技术上讲它只需要加载“a”字体。 CSS specification对此非常明确:

"Generic font families are a fallback mechanism, a means of preserving some of the style sheet author's intent in the worst case when none of the specified fonts can be selected. For optimum typographic control, particular named fonts should be used in style sheets.

"All five generic font families are defined to exist in all CSS implementations (they need not necessarily map to five distinct actual fonts)."

我强调了解释您有责任加载正确字体的部分。