时间戳

首页 > 解决方案 > 'FontFace' 仅指一种类型，但在此处用作值

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

问题描述

我从 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”

更多错误日志变体：

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

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

找不到名称“FontFace”。

标签： typescripttypescript2.7

解决方案

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

您需要在字体可用后准备画布。查看字体加载成功时获取回调 字体加载后回调

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

推荐阅读