Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как отобразить на канвасе свой шрифт? (https://javascript.ru/forum/dom-window/79054-kak-otobrazit-na-kanvase-svojj-shrift.html)

Jimy 11.12.2019 09:35

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

ksa 11.12.2019 10:17

Цитата:

Сообщение от Jimy
Как это можно сделать?

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

ksa 11.12.2019 10:20

Тут последний вариант про то же... Может более понятнее...
http://site4business.net/css/kak-pod...it-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,
Цитата:

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

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


Часовой пояс GMT +3, время: 19:11.