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

Question

所以我已经构建了一个 HTML 页面，但是我遇到了这个奇怪的错误，当我刷新页面时，刷新后的一瞬间我可以看到基本字体，然后它会更改为我应用的字体来自 Google 字体。

我已经检查了我的代码一千次，但我不知道发生了什么，这是我第一次看到这种情况。这有点烦人，因为它非常明显，而且我的元素甚至会因为字体/大小而改变位置。

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

Answer 1

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

您应该下载您的字体并自己托管它们，以便更快地呈现。让谷歌为您托管它只会使其加载速度变慢（可能是加载需要很长时间的许多因素，可能是您的互联网，可能是因为页面上有很多文本，可能两者兼而有之。）这导致您看到几秒钟的常规字体。