**My code**
@font-face {
font-family: 'certificateitalic';
src: url('/webfontkit-20140113-085051/certificateitalic-webfont.eot');
src: url('/webfontkit-20140113-085051/certificateitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('/webfontkit-20140113-085051/certificateitalic-webfont.woff') format('woff'),
     url('/webfontkit-20140113-085051/certificateitalic-webfont.ttf') format('truetype'),
     url('/webfontkit-20140113-085051/certificateitalic-webfont.svg#certificateitalic') format('svg');
font-weight: normal;
font-style: normal;


}

这是generatecertificate.html.erb中使用的代码

最佳答案

也许不仅仅是字体,在创建pdf时检查一下是否已收到所需的所有资产。

后来我检查了一下,我不得不使用wkhtmltopdf提供的帮助程序,称为wkhtmltopdf_stylesheet_link_tag,而不是您应该在视图/局部/布局中使用的经典stylesheet_link_tag。

编辑:实际上,我正在使用wicked_pdf gem(https://github.com/mileszs/wicked_pdf),并且那里有wicked_pdf_stylesset_link_tag之类的助手,并且可以解决wkhtmltopdf config的大多数配置。

如果您按照此处的说明进行配置,并且您的字体在网页上正常工作,则在pdf生成中应该不会有任何麻烦。

关于css - @ font-face在wkhtmltopdf上不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21130436/

10-11 06:37