Шрифт удваивается при создании PDF из html - PullRequest
0 голосов
/ 20 февраля 2020

Я создаю веб-приложение с node.js, которое должно создать pdf из данного HTML фрагмента.

Для этого я использую пакет html -pdf. Все работает отлично, за исключением одного жирного шрифта. При использовании этого шрифта с весом шрифта 900 он выглядит как удвоенный со смещением. Вы можете увидеть эффект на картинке (особенно на «3»).

Мой CSS Код выглядит следующим образом:

@font-face {
    font-family: 'Proxima Nova Condensed';
    src: url("/fonts/ProximaNovaCond-Regular.ttf") format("truetype");
    font-weight: 400; 
}
@font-face {
    font-family: 'Proxima Nova Condensed';
    src: url("/fonts/ProximaNovaCond-Bold.ttf") format("truetype");
    font-weight: 700; 
}
@font-face {
    font-family: 'Proxima Nova Condensed';
    src: url("/fonts/ProximaNovaCond-Extrabold.ttf") format("truetype");
    font-weight: 800; 
}
@font-face {
    font-family: 'Proxima Nova Condensed';
    src: url("/fonts/ProximaNovaCond-Black.ttf") format("truetype");
    font-weight: 900; 
}

В веб-приложении это работает, но при генерации PDF Я получаю эту проблему.

Может ли кто-нибудь помочь мне с этим?

doubled font with offset

1 Ответ

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

Вы можете попробовать добавить font-style?

https://www.w3schools.com/cssref/pr_font_font-style.asp

...