«FontFace» относится только к типу, но здесь используется как значение

Question

Я получил все загрузки из webpack.config и все о работе компилятора.Я получил зеленое текстовое сообщение, вводит журналы cmd.

Я получил файл, вводную папку dist / fonts / test.woff

Мой внешний вид основан на canvas2d (в любом случае).

Iпопробуйте сначала определить fontface intro css:

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

Но не удачно (шрифт не адаптируется к тексту).

Любое предложение?

Нужно ли использовать импортили новый FontFace (args ..)?

Я использую версию веб-пакета: "версия": "3.11.0"

Больше вариантов журнала ошибок:

Свойство«FontFace» не существует в типе «Window».

«FontFace» относится только к типу, но здесь используется в качестве значения.

Невозможно найти имя «FontFace».

Answer 1

Загрузка шрифта является асинхронным процессом и в основном не будет доступна во время загрузки страницы.

Вам необходимо подготовить холст после того, как шрифт станет доступен.См., Чтобы получить обратный вызов при успешной загрузке шрифта обратный вызов после загрузки шрифта

Вы можете попробовать подготовить изображение холста, используя шрифт в функции setTimeout с задержкой в ​​несколько секунд.