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

Question

我在做:

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

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

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

Answer 1

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

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

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

浏览器解释:

如果计算机浏览器没有“Trebuchet MS”字体，请加载 Verdana。如果它没有 Verdana，则加载 Arial。如果出于某种奇怪的原因无法选择 Arial，则加载默认的 sans-serif 字体。