Шрифт удваивается при создании pdf из html

Я создаю веб-приложение с 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-файла у меня возникает эта проблема.

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

сдвоенный шрифт со смещением


person Cimoe    schedule 20.02.2020    source источник
comment
Это не настоящее решение, но я снова загрузил шрифт как otf, и теперь он не работает на 100%, но двойной эффект кажется менее поразительным.   -  person Cimoe    schedule 20.02.2020


Ответы (1)


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

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

person mahpgnaohhnim    schedule 20.02.2020
comment
Проблема все еще существует при добавлении стиля шрифта. - person Cimoe; 20.02.2020