找不到名稱“FontFace”。 TS2304

Question

我正在嘗試為我的項目動態加載 fonts。 我不明白為什么會出現此錯誤。

“找不到名稱‘FontFace’。TS2304”

以下是供您參考的代碼：

 const loadFont = (name: string, source: string) => {
    const font = new FontFace(name, `url(${source})`);
    font
      .load()
      .then(function (loadedFont: any) {
        document.fonts.add(loadedFont);
        document.body.style.fontFamily = name;
      })
      .catch(function (error) {
        console.log(error);
      });
  };

Answer 1

如果您使用的是 Typescript，請確保您已經安裝了 CSS 字體加載模塊的類型定義

npm install --save @types/css-font-loading-module

參考： https://www.npmjs.com/package/@types/css-font-loading-module

Answer 2

安裝后還應該將類型添加到 tsconfig.json，否則它將無法工作。

{
  "compilerOptions": {
    /* other compiler options... */
    "types": ["css-font-loading-module"]
  }
}