Question

我目前想知道我能做些什么。我们在云服务器上托管一个似乎没有最快连接的网站。本网站使用的是使用以下CSS / HTML提供的网络字体：

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Regular-webfont.ttf') format('truetype'),
         url('Montserrat-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Bold-webfont.woff') format('woff'),
         url('Montserrat-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
body {
    font-family: 'Montserrat', sans-serif;
}

并像这样链接到它：

<link href="/montserrat-webfont/stylesheet.css" 
      rel="stylesheet" 
      type="text/css" 
      media="all">

非常基本。在每个浏览器中都能很好地工作，即使在慢速服务器上也是如此，除了Internet Explorer 11.在显示蒙特塞拉特网络字体之前，IE11总是闪烁后备sans-serif字体。

当我在本地托管同一个网站时，我没有看到闪光灯，我假设因为页面本身的加载速度要快得多。

我能在这做什么吗？我制作了字体系列声明!important，我<link>中的<head>是{{1}}的第一件事，我仍然无法摆脱那个闪光每个页面加载时都没有样式的文本。即使我回到应该缓存的页面。它发生在每个页面加载。

服务webfont时，Internet Explorer 11 Flash of Unstyled Text（FOUT）

0 个答案: