Загрузить пользовательский шрифт для Fabric.js

Question

Я ищу, чтобы добавить шрифт Open-Type в мое приложение Fabric.js. Я нашел этот вопрос, Custom font in Pixi.js, в значительной степени спрашивая одно и то же. Как мы можем загрузить шрифт из нашей файловой системы? Я также попытался использовать CSS @ font-face.

Answer 1

Ответ был найден на этом question и на указанном выше. Кажется, у меня были некоторые проблемы с правописанием с моим кодом в отношении моего имени файла. Таким образом, чтобы быть ясно, что правильный ответ должен использовать лицо CSS шрифт, как:

@font-face { 
    font-family: test-family; 
    src: url('path/to/fontfile'); 
} 

Затем используйте имя семейства шрифтов внутри текстового объекта как такового:

var t = new fabric.Text('text', { 
    fontFamily: 'test-family', 
});