页面在刷新时出现奇怪的字体故障

Question

所以我构建了一个 HTML 页面，但我遇到了这个奇怪的错误，当我刷新页面时，刷新后的一瞬间我可以看到基本字体，然后它变成我从 Google 字体应用的那个。

我已经检查了我的代码一千次了，但我不知道发生了什么，这是我第一次看到这个。这有点烦人，因为它非常明显，而且由于 font/size.

，我的元素甚至会稍微改变位置

您知道是什么原因造成的吗？

Answer 1

我通过快速搜索找到了这篇文章：https://medium.com/clio-calliope/making-google-fonts-faster-aadf3c02a36d

您应该下载字体并自行托管它们，这样渲染速度会更快。让 google 为您托管它只会使加载速度变慢（可能有很多因素导致加载时间很长，也许是您的互联网，也许是因为页面上有很多文本，也许两者都有。）使您在几秒钟内看到常规字体。