'FontFace' 仅指一种类型，但在此处用作值答案

【问题标题】：'FontFace' only refers to a type, but is being used as a value here'FontFace' 仅指一种类型，但在此处用作值
【发布时间】：2023-04-05 19:05:01
【问题描述】：

我从 webpack.config 获得了所有负载，以及关于 ts 编译器工作的所有内容。我收到了绿色短信介绍 cmd 日志。

我得到了文件介绍文件夹 dist/fonts/test.woff

我的前端视图是基于 canvas2d 的（无论如何）。

我首先尝试定义 fontface intro css ：

@font-face {
  font-family: plantagenet;
  src: url(../fonts/plantagenet-cherokee.woff) format("woff"),
       url(../fonts/plantagenet_cherokee.woff2) format("woff2");
}

但不成功（字体不适应文字）。

有什么建议吗？

我需要使用 import 还是 new FontFace(args..) ？

我使用 webpack 版本：“版本”：“3.11.0”

更多错误日志变体：

“Window”类型上不存在“FontFace”属性。

'FontFace' 仅指一种类型，但在这里用作值。

找不到名称“FontFace”。

【问题讨论】：

标签： typescript typescript2.7

【解决方案1】：

字体加载是一个异步过程，大部分在加载页面时不可用。

您需要在字体可用后准备画布。字体加载成功时查看回调callback after a font is loaded

您可以尝试使用 setTimeout 函数中的字体准备画布图像，延迟几秒钟。

【讨论】：