将font-display属性注入所有@ font-face

Question

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

修改本地样式很容易，但是，会有一些像font-awesome这样的外部样式可以从自己的域中下载CSS文件

是否有任何方法可以像向全局应用那样向每个font-display的vai css / js注入@font-face？

我找到了一个脚本。但是不能保证在浏览器开始应用它之前就将其应用。所以实际上，它不起作用

<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>