Firefox动态追加CSS时重新加载webfonts

时间:2016-01-12 04:54:42

标签: javascript css firefox webfonts fouc

我注意到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: screen

这只适用于Firefox。任何人都知道为什么会发生这种情况,或者是否有针对Firefox的官方错误跟踪器?

0 个答案:

没有答案