将Droid Serif字体分配给HTML元素，但我的Android手机仍显示Droid Sans？

Question

我的CSS中有这个：

.like-counter span, .entry-content h2 {
    color: #444;
    font-family: Bitstream Charter, "Droid Serif", Gerogia, serif;
    font-weight: bold;
}

在我的电脑中，我看到了一种衬线字体。如果我删除第一个，那么我看到Droid Serif字体。我认为这个字体是Android设备中的默认字体。

但是当我在Android手机上打开网站时。我还在看Droid Sans。

导致这种情况的原因是什么？

编辑：

我发现问题只发生在Android默认浏览器中显示页面时。在Firefox中，我可以看到Droid Serif字体（奇怪）。

Answer 1

您可以使用通用serif字体：

，而不是猜测默认字体

font-family: serif;

serif将成为浏览器的默认serif字体。

Answer 2

在较旧的Android系统上（直到我不知道的版本）浏览器而不是检查可能的字体的完整列表，它会检查字体系列的第一个条目，如果浏览器知道它什么替代它，然后它将使用它，否则它将扔掉整个列表 这是值得注意的，如果你只是使用Times，例如，它将使用Droid Serif，但如果你在它之前添加一些花哨的字体，它将使用Droid Sans，其余部分。

显然它会起作用，如果你把“serif”放在第一位，但是所有的浏览器都使用默认的serif字体，而不是你想要的任何东西。由于旧版Android上字体选择的简单性，您可以在第一个位置添加"serif"系列，在旧的Android上将其解释为Droid Serif，但其他浏览器会查找（并希望失败）一个名为“serif”的字体。

另外有趣的是 - 这些Android浏览器都不知道Droid字体。