Как отобразить на канвасе свой шрифт?

[Jimy]

Добрый день! Я скачал шрифт в формате ttf. Лежит в папке с проектом. В систему устанавливать не хочу, нужно чтобы он подключался из файла. Как это можно сделать?

[ksa]

Как это можно сделать?

Пробуй так...
https://toster.ru/q/475798

[ksa]

Тут последний вариант про то же... Может более понятнее...
http://site4business.net/css/kak-pod...it-shrift.html

[Jimy]

Вот так сделал:
@font-face {
font-family: 'Web font';
src: url('NOVA.ttf') format('truetype');

font-weight: normal;
font-style: normal;
}
NOVA.ttf - шрифт в той же папке, что и Index.html и style.css. И ничего не изменилось...

[laimas]

https://developer.mozilla.org/ru/docs/Web/API/FontFace

[Aetae]

Jimy, на загрузку шрифта нужно время, канвас начинает рисоваться раньше чем успеет загрузиться шрифт. Соответственно нужно дождаться его загрузки, а только потом уже что-то начинать рисовать. Для этого можно использовать FontFace, как выше предложил laimas, либо более универсальную библиотеку, например webfontloader.

[рони]

Jimy,

Сначало нужно загрузить шрифт, а затем нарисовать текст на холсте, используя шрифт! Логично? Если сделать в обратном порядке, то такое не будет работать!

пример по ссылке ниже
https://javascript.ru/forum/misc/787...tml#post514623