Как импортировать пользовательские шрифты для PDFMake в приложение Angular? - PullRequest
Новая
       23

Как импортировать пользовательские шрифты для PDFMake в приложение Angular?

0 голосов
/ 03 февраля 2020

Я только начал читать документацию PDFMake для создания документа в своем приложении Angular, я сталкивался с некоторыми вопросами, такими как этот , но так и не получил ответа.

Мне было интересно, если кто-то знает или может предоставить читабельный пример того, как импортировать пользовательские шрифты для PDFMake в приложении Angular, я скачал файлы для шрифта "Lato", но у меня нет подсказка, куда идти дальше.

Я импортировал библиотеку, как показано в документации: 

import pdfMake from 'pdfmake/build/pdfmake';
import pdfFonts from 'pdfmake/build/vfs_fonts';
pdfMake.vfs = pdfFonts.pdfMake.vfs;

Я также видел пример, где было сделано дополнительное объявление, подобное этому: 

pdfMake.fonts = {
  Lato: {
    normal: 'assets/fonts/Lato-Regular.ttf'
  }
};

Что, конечно, говорит мне просто определить имя шрифта, его вес и указать местоположение файла для этого указанного c шрифта; но после этого я не знаю, как на самом деле сказать PDFMake использовать этот шрифт.

Любая помощь приветствуется, я некоторое время пытался найти решения для этого.

РЕДАКТИРОВАТЬ: Следуя документации, я смог использовать шрифт Lato, напрямую изменив файлы, найденные в каталоге pdfmake node_modules, он работает, но я бы хотел избежать внесения изменений в node_modules, так как я бы не стал иметь возможность отслеживать эти изменения или иметь их в наличии при запуске проекта на другом компьютере.

...