我注意到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的官方错误跟踪器?