在fontfamily回退调用中加载所有字体系列

Question

我正在做：

<div class="testing"
    style="font-family:  Carrington,'Black Rose', Champagne, 'England Hand'">testing</div>

所有这些族都是使用@font-face嵌入的。虽然Windows和Linux上的Chrome加载了回退中提到的所有字体系列(通过控制台中的网络加载选项进行了检查)，但在Android平板电脑上却没有这样做(这是因为我在此之后使用字体系列Black Rose创建了更多的div，并见证了chrome上的FOUT问题)。

这是Chrome在Android上的普遍行为吗?它只加载找到的第一个家庭，而忽略其他家庭？

Answer 1

它只加载找到的第一个字体系列的原因是因为它找到了它。

添加更多字体到字体系列的原因是"just in case“找不到首选字体的可能性。这就是为什么大多数字体系列看起来像：

font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;

浏览器解释：

如果计算机浏览器没有"Trebuchet MS“字体，则加载Verdana。如果它没有Verdana，那么加载Arial。如果出于某种奇怪的原因，Arial不是一个选择，那么加载默认的sans-serif字体。

Answer 2

真正奇怪的不是字体家族的工作方式。我想大多数人都理解它是如何工作的。

真正奇怪的是，当你在系统上使用像trebuchet ms这样的常见系统字体时，浏览器却找不到它。

我在使用Trebuchet时遇到了这个问题。不知何故，在我的Android手机上，我的普通浏览器没有问题，但Chrome不能做到。

字体就在那里。但Chrome看不到它。