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