字体系列“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对此非常明确：

  

“通用字体系列是一种回退机制，在最糟糕的情况下，当没有指定的字体可以选择时，保留一些样式表作者的意图。为了获得最佳的排版控制，特定的命名字体应该是用于样式表。

     

“所有五个通用字体系列都定义为存在于所有CSS实现中（它们不一定需要映射到五种不同的实际字体）。”

我的重点是添加到说明你负责加载正确字体的部分。

Answer 2

我也遇到了这个问题。

当您使用font-family: cursive时，实际上是在允许浏览器确定它为“草书”生成的字体系列。

解决方案是针对您的字体家族，而不是使用通用字体。

serif         eg. Times New Roman, Palatino Linotype, etc.
sans-serif    eg. Arial, Helvetica, Verdana, etc.
cursive       eg. Comic Sans MS, Lucida Handwriting, etc.
fantasy       eg. Impact, etc.
monospace     eg. Courier New, etc.

因此，对于cursive，您需要指定Comic Sans MS，Lucida Handwriting或您打算实现的其他特定类型。