[英]Custom fonts not working in Generated PDF using WKHTMLTOPDF Library
我正在使用 Laravel 5.1 SnappyPDF 包装器,它使用WKHTMLTOPDF
库。 我正在尝试为我的 PDF 文件包含一些自定义的谷歌字体,但这些字体在生成的 PDF 文件中不起作用。
我尝试过,将字体转换为Base64
并尝试通过绝对 URL 和相对 URL 包含字体,还尝试了许多在堆栈溢出时可用的答案,但没有一个对我有用。 如何解决这个问题。
//Calling fonts
@font-face {
font-family: Roboto Condensed;
src: url("/fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.ttf");
}
@font-face {
font-family: 'Open Sans';src: url("/fonts/OpenSans/OpenSans-Regular.ttf");
}
@font-face {
font-family: 'Open Sans Semi Bold Italic';
src: url("/fonts/OpenSans/OpenSans-SemiboldItalic.ttf");
}
//implenting fonts
.report-page2-col-wrapper .col-heading{
font-family:"Open Sans Semi Bold Italic";
font-size:12pt;
line-height:17pt;
}
查看屏幕截图的差异
1) 这是网页浏览器的 HTML 版本,看起来查找和字体实现正确
2) 这是生成的 PDF 版本,字体应用不正确
有多种解决方案可以实现这一点:
1)如果您使用 google 字体,请尝试以下操作:使用<link>
来包含 google 字体
<link href='http://fonts.googleapis.com/css?family=YOURFONTFAMILY' rel='stylesheet' type='text/css'>
使用<style>
应用字体效果
<style type = "text/css">
p { font-family: 'YOURFONTFAMILY'; }
</style>
2)使用Base64编码工具对字体进行编码并在css中使用
@font-face {
font-family: 'YOURFONTFAMILY';
src: url(data:font/truetype;charset=utf-8;base64,AAEAAAATAQA...
}
希望以上之一是您的解决方案!
除了 AddWeb 之外,您还必须将带有 unicode 信息的 HTML 标头 META 添加到
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.