我注意到 Firefox 中有一些奇怪的行为，因为我在通过 javascript 附加 CSS 时得到了 FOUC。问题是，每次使用 javascript 动态添加 CSS 样式时，Firefox 都会重新加载 webfont。尽管重新加载的文件通常会被缓存，但它仍然会创建 FOUC（无样式内容的闪存）。
实际上，仅当使用font-family或@media查询将 CSS 动态添加到文档时才会出现此问题。在这两种情况下，Firefox 都会重新加载网络字体 :(
Codepen 演示： http ://codepen.io/mjau-mjau/pen/XXgZbV?editors=101
正如您在图像中看到的，在动态应用 CSS 后重新加载了 webfont：
这只发生在 Firefox 上。任何人都知道为什么会发生这种情况，或者是否有针对 Firefox 的官方错误跟踪器？