Question

我在做：

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

使用@ font-face嵌入所有这些系列。虽然Windows和Linux上的Chrome加载了后备中提到的所有字体系列（通过控制台中的网络加载选项进行检查），但它在Android平板电脑上没有这样做（这已被检查，因为我在使用字体后创建了更多div家庭黑玫瑰和铬合金见证了FOUT问题。

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

Answer 1

它只加载找到的第一个font-family的原因是因为它找到了它。

为字体系列添加更多字体的原因是“以防万一”可能无法找到首选字体。这就是为什么大多数字体系列看起来像：

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

浏览器口译：

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

Answer 2

真正奇怪的是这不是字体系列的功能。我想大多数人都明白这是如何运作的。

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

我在使用Trebuchet时遇到了这个问题。出于某些莫名其妙的原因，在我的Android手机上，我的常规浏览器没有问题，但Chrome无法做到。

字体在那里。但Chrome无法看到它。