找不到名称 'FontFace'。 TS2304

Question

我正在尝试为我的项目动态加载字体。我不明白为什么会出现此错误。

“找不到名称 '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

找不到名称 'FontFace'。 TS2304

Cannot find name 'FontFace'. TS2304

javascript

fonts

font-face