WKHTMLTOPDFライブラリを使用して生成されたPDFでカスタムフォントが機能しない

Question

WKHTMLTOPDFライブラリを使用しているLaravel 5.1 SnappyPDFラッパーを使用しています。私は私のPDFファイルのためのいくつかのカスタムGoogleのフォントを含めることを試みていますが、それらのフォントは、生成された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; 
} 

が正しく

---

2を実装見つけるとフォントに見えますが、これは、WebブラウザのHTML版です）のスクリーンショットの違い

1を参照）これはGenerated PDF versionです。これを達成するために、複数のソリューションがあります適切に

---

Answer 1

を適用していないフォント：

1）は、Googleフォントを使用する場合は、以下試してください。 使用<link>をGoogleのフォント

を含めます

<link href='http://fonts.googleapis.com/css?family=YOURFONTFAMILY' rel='stylesheet' type='text/css'> 

上記の希望1）を

<style type = "text/css"> 
    p { font-family: 'YOURFONTFAMILY'; } 
</style> 

2フォント効果を適用Base64 encode toolとエンコードフォントとCSS

@font-face { 
    font-family: 'YOURFONTFAMILY'; 
    src: url(data:font/truetype;charset=utf-8;base64,AAEAAAATAQA... 
} 

でそれを使用するはあなたのソリューションです！

撮影REF：use custom fonts with wkhtmltopdf、helvetica font not working in wkhtmltopdf