Css 使用本地存储字体时防止FOUT_Css_Fonts_Font Face

Css 使用本地存储字体时防止FOUT

css fonts

Css 使用本地存储字体时防止FOUT,css,fonts,font-face,Css,Fonts,Font Face,我开发了一个离线使用的应用程序。它使用自己定制的web服务器进行部署，并使用默认浏览器连接因为它是离线的，所以我还有存储在文件系统中的字体，这些字体是用@font-face加载的。显然，由于有许多样式和字符集，它们在浏览器加载之前需要花费一些时间我正在用Chrome（最新版本）进行测试，而未格式化文本（FOUT）的闪现真的很烦人在本地环境下工作时，如何减少FOUT？在加载css文件之前，如何隐藏整个html或所有文本在您的头顶，您将包括以下内嵌样式： <head> &

我开发了一个离线使用的应用程序。它使用自己定制的web服务器进行部署，并使用默认浏览器连接

因为它是离线的，所以我还有存储在文件系统中的字体，这些字体是用

@font-face

加载的。显然，由于有许多样式和字符集，它们在浏览器加载之前需要花费一些时间

我正在用Chrome（最新版本）进行测试，而未格式化文本（FOUT）的闪现真的很烦人

在本地环境下工作时，如何减少FOUT？

在加载css文件之前，如何隐藏整个html或所有文本

在您的头顶，您将包括以下内嵌样式：

<head>
    <style>html{visibility: hidden}</style>
    <link rel="stylesheet" href="/static/default/style.css"/>
</head>

html {visibility: visible}