html - 如何在加载时停止 FOUT（无样式文本的闪烁）

Question

当我在 Chrome 或 IE 上从我的计算机上打开我的 html、css 和 js 文件时（我还没有尝试过其他浏览器），在我的谷歌字体加载之前，我有无样式文本的闪烁。我已经梳理了关于这个确切主题的大量帖子并尝试了许多解决方案，但我仍然找不到有效的解决方案。

在 html 文件中 head 标签的开头：

<style>html{visibility: hidden;opacity:0;}</style>

在 css 文件的末尾：

html {
    visibility: visible;
    opacity: 1;
}

这对我来说完全没有区别。

标签： htmlcsspreloadgoogle-font-api