何时下载备用字体？

When is a fallback font downloaded?(何时下载备用字体？)

问题描述

如果我将Google字体设置为备用字体，如下所示：

@font-face {
    font-family: 'GoogleFont';
    src: url('GoogleFont.ttf');
}

html, body {
    font-family: 'myMainFont', 'GoogleFont';
}

如果主字体失败，Google字体是否仅下载到用户的浏览器？

推荐答案

否：浏览器实现各不相同，因此您不能相信字体会被忽略(即使不需要它们)。

在不同的浏览器中查看下载到您的浏览器here和here中的资源，以了解如何处理字体。

话虽如此，according to the MDN documentation如果您在@font-facesrc属性中指定了多个文件，就可以拥有您想要的"回退"行为：

@font-face {
  font-family: MyFontName;
  src: url("MyMainFont.tff"), url("MyBackupFont.ttf");
}