字体系列“草书”在 chrome mobile v47 中不起作用答案

【问题标题】：Font family "cursive" doesn't work in chrome mobile v47字体系列“草书”在 chrome mobile v47 中不起作用
【发布时间】：2015-12-04 19:27:46
【问题描述】：

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

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

检查一下：

<style>

* {
  font-family: cursive;
}

</style>

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

JSFiddle

注意，它适用于开发者工具，但不适用于真正的移动设备。

【问题讨论】：

零保证任何通用 CSS 字体系列都能按照您的预期进行。如果我在我的 windows 8.1 + firefox 设置上加载你的 jsfiddle，我会得到“comic sans”，这不完全是“草书”
@Mike'Pomax'Kamermans, :( 可惜
@Mike'Pomax'Kamermans 在桌面版 Firefox 中，您可以使用 about:config 更改所有默认字体。但是很难找到真正可读的脚本字体。
5 年前的问题是关于移动设备上的 Chrome，我的评论是为了说明类别关键字不能真正被信任 =)
@Mike'Pomax'Kamermans 但是我的评论在 5 年前也是有效的；）虽然问题是关于 Android 上的 Chrome，但您的评论是关于 Windows 上的 Firefox！无论如何，我赞成你的回答，好的。

标签： android css google-chrome fonts mobile-chrome

【解决方案1】：

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

“通用字体系列是一种后备机制，在无法选择指定字体的最坏情况下，一种保留样式表作者意图的方法。为了获得最佳的排版控制，特定的命名字体应该是用于样式表。

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

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

【讨论】：

【解决方案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 或您打算实现的其他特定类型。

【讨论】：