'FontFace'仅指类型，但在此处用作值

Question

我从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版本：“version”：“3.11.0”

更多错误日志变体：

  

属性'FontFace'在'Window'类型中不存在。

     

'FontFace'仅指类型，但在此处用作值。

     

找不到名字'FontFace'。

Answer 1

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

您需要在字体可用后准备画布。有关成功加载字体的信息，请参阅获取回调callback after a font is loaded

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