HTML＆amp; pdf在wkhtmltopdf中有所不同

发布于 2025-01-21 21:45:42 字数 1063 浏览 2 评论 0原文

似乎这个问题已经发布了几次，但是在这里再次发布，因为我找不到任何对我的问题有用的东西:(

我正在使用wkhtmltopdf从HTML视图中生成PDF文件。我在网站中添加了自定义字体。渲染已呈现。看起来很棒，但CSS样式未正确应用。

HTML

@font-face {
    font-family: 'MyFont';
    src: url('fonts/MyFont-Light.otf') format('opentype'),
    url('fonts/MyFont-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'MyFont';
    src: url('fonts/MyFont-Regular.otf') format('opentype'),
    url('fonts/MyFont-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: 'MyFont', Helvetica, Arial, sans-serif;
    font-weight: 300;
}

h1 {
    font-weight: 400;
}

的视图

pdf视图

有人可以帮我解决这个问题吗？提前致谢。

原文

Seems this question has been posted a few times, but posting here again because I couldn't find anything useful for my issue :(

I am using wkhtmltopdf to generate pdf files from HTML views. I have added custom fonts in the site. The rendered HTML view looks great. But the CSS styles aren't applied in the PDF properly.

My CSS

@font-face {
    font-family: 'MyFont';
    src: url('fonts/MyFont-Light.otf') format('opentype'),
    url('fonts/MyFont-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'MyFont';
    src: url('fonts/MyFont-Regular.otf') format('opentype'),
    url('fonts/MyFont-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: 'MyFont', Helvetica, Arial, sans-serif;
    font-weight: 300;
}

h1 {
    font-weight: 400;
}

HTML View