Google Web Fonts and PDF generation from HTML with wkhtmltopdf

html css wkhtmltopdf google-font-api
Mathieu Rodic picture Mathieu Rodic · Jul 17, 2011 · Viewed 56k times · Source

I am using wkhtmltopdf to convert HTML files in PDF format; it gives surprisingly good results, rendering the PDF exactly as WebKit would do.

I am using Google Web Fonts to give users the possibility to customize the appearence of the document they edited, offering them the possibility to choose between a few fonts. It also works perfectly in a browser.

Problem is, I don't get the Google Fonts working when converting such HTML files to PDF with wkhtmltopdf. I read other people had the same issue.

Could anyone please help me fixing this?

EDIT: declaring @font-face directly in the CSS does not work either.

Answer

Shaharia Azam picture Shaharia Azam · Aug 16, 2013

To convert HTML to PDF by wkhtmltopdf try to avoid woff font face. Use the truetype format of the Google Web Fonts with base64 encode.

Recently I tried to use a Google web font from Google Web Fonts. In the browser it shows correctly but it doesn't show after converting HTML to PDF.

After searching the web extensively, at last, I found tools to encode fonts to the base64 format and also got CSS for @font-face.

Read the solution here.

Related questions

avoid page break inside row of table

I want to avoid page break inside row of table in html, when I convert html to PDF by wkhtmltopdf. I use page-break-inside:avoid with table- its works, but I have so many rows, then not work. If set display …

Read More
helvetica font not working in wkhtmltopdf

I have been trying to use Helvetica font while creating the pdf but the font is not reflected back in pdf. I did some google and found some solutions but none are workable. Tried Solution 1 I found similar thing here : …

Read More
Converting Twitter bootstrap page into PDF with wkhtmltopdf : span issue

I am using Symfony2 Bundle KnpSnappyBundle to convert an html twig template to a pdf. KnpSnappyBundle is base on Snappy wrapper, that use wkhtmltopdf. My template use twitter bootstrap 2.3.2 css like this : <div class="container"> <div class="…

Read More