将字体显示属性注入所有@font-face

Chrome和其他新浏览器现在允许 font-display: swap 到 @font-face 。这样可以确保即使在加载外部字体文件之前,字体仍可见

修改本地样式很容易,但也会有一些外部样式,比如font awesome,可以从自己的域下载css文件

有办法注射吗 font-display 每个人 @字体 vai css/js,比如全球应用?

我找到了剧本。但不能保证在浏览器开始应用它之前就应用它。所以实际上,它不起作用

<script>
  [].slice.call(document.styleSheets).forEach(function(sheet) {
    [].slice.call(sheet.cssRules || []).forEach(function(rule) {
      if (rule.type === CSSRule.FONT_FACE_RULE)
        rule.style.fontDisplay = "swap";
    });
  });
</script>