Можно ли заинлайнить шрифты otf в тэге style?

226
24 сентября 2019, 08:50

Есть задача - динамически сгенерировать строку с html кодом и на основе нее сгенерировать pdf файл (использую пакет html-pdf). Естественно, в этой пдфке все должно быть стилизовано так как хочет заказчик.

Заказчик предоставляет otf файлы шрифтов, которые нужны.

Внутрь тэга style я внедряю вот такую строку:

import { join } from "path";
const path = join(process.cwd(), "/src/templates/fonts");
export const fonts = `
@font-face {
    font-family: "proximanova";
    src: url("${ path }/ProximaNova/ProximaNova-Regular.otf") format("opentype");
    font-style: normal;
    font-weight: normal;
}
`;

Тестирую это все дело. Для полноты картины генерирую не только pdf файл, но рядом еще кладу html файл.
Так вот когда открываю html файл в браузере, то шрифты нормально подхватываются.
А в pdf нет.

Есть ли возможность заинлайнить содержимое otf файла в тэге style?

READ ALSO
boostrap 4 carousel и backface-visibility

boostrap 4 carousel и backface-visibility

День добрыйЕсть такая проблема: сайт http://roskapstroy

175
Влияет ли блок скрытый через display:none; на скорость загрузки страницы

Влияет ли блок скрытый через display:none; на скорость загрузки страницы

Возможно очень нубский вопрос, но я озадачилсяЕсть 2 блока:

196
Не работает ttf шрифт

Не работает ttf шрифт

Шрифт есть лежит в той самой директорииНо увы не работает

183
CSS. Как масштабировать div вместе с содержимым под высоту экрана?

CSS. Как масштабировать div вместе с содержимым под высоту экрана?

Я могу масштабировать div вместе с содержимым вот так:

183