Как отобразить на канвасе свой шрифт? [Архив форума]

Просмотр полной версии : Как отобразить на канвасе свой шрифт?

Jimy

11.12.2019, 09:35

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

ksa

11.12.2019, 10:17

Как это можно сделать?
Пробуй так...
https://toster.ru/q/475798

ksa

11.12.2019, 10:20

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

Jimy

11.12.2019, 11:46

Вот так сделал:
@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

11.12.2019, 12:11

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

Aetae

11.12.2019, 19:23

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

рони

11.12.2019, 19:48

Jimy,
Сначало нужно загрузить шрифт, а затем нарисовать текст на холсте, используя шрифт! Логично? Если сделать в обратном порядке, то такое не будет работать!
пример по ссылке ниже
https://javascript.ru/forum/misc/78729-strannoe-povedenie-fonta-na-kanvase.html#post514623