1

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

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

检查一下：

<style>

* {
  font-family: cursive;
}

</style>

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

JSFiddle

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

4

2 回答 2

3

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

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

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

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

于 2015-12-05T18:55:15.143 回答
0

我也遇到了这个问题。

当您使用时，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或您打算实现的其他特定类型。

于 2020-04-27T13:17:22.103 回答