ReferenceError.没有定义FontFaceObserver。未定义FontFaceObserver

Question

我已经检查了一些其他的ReferenceError问题，但它们似乎没有适用的答案。

我正在使用 字体面观察者 来加载网页字体，所以我把这个文件添加到了我的页面中。

<script src='js/fontfaceobserver.min.js' async></script>

在这个脚本之后，我有另一个脚本，上面有以下代码。

document.addEventListener('DOMContentLoaded', function () {
  var BitterRegular = new FontFaceObserver('BitterRegular', {
    weight: 400
  })
});

页面没有加载网络字体。在Firefox中抛出的异常是 ReferenceError: FontFaceObserver is not defined. 我试过基本的方法

var ffo = new FontFaceObserver();
var BitterRegular = ffo('BitterRegular', {
  weight: 400
})

然而，这并不奏效。有谁知道我应该怎么做才能解决这个异常？谢谢！我检查了其他一些ReferenceError的问题，但它们都没有成功。

Answer 1

把脚本标签中的async去掉。异步加载FontFaceObserver可能会导致脚本要求它错过并抛出Reference错误。