Google Web Fonts and PDF generation from HTML with wkhtmltopdf

by

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.

More Related Contents:

  1. avoid page break inside row of table
  2. Menu does not align correctly in Safari
  3. My inline-block elements are not lining up properly
  4. How can I select the last element with a specific class, not last child inside of parent?
  5. How to make CSS3 rounded corners hide overflow in Chrome/Opera
  6. Bootstrap full-width with 2 different backgrounds (and 2 columns)
  7. How can I expand floated child div’s height to parent’s height?
  8. Minimum and maximum value of z-index?
  9. Is it possible to put CSS @media rules inline?
  10. Adding HTML entities using CSS content
  11. How can I find an element by CSS class with XPath?
  12. Should I use px or rem value units in my CSS? [closed]
  13. Why media queries has less priority than no media queries css
  14. Flexbox fill available space vertically
  15. Outline radius?
  16. Easier way to create circle div than using an image?
  17. Customizing Increment Arrows on Input of Type Number Using CSS
  18. How can I make a display:flex container expand horizontally with its wrapped contents?
  19. CSS table-cell equal width
  20. Remove outline from select box in FF
  21. Get rid of space underneath inline-block image [duplicate]
  22. How to make div’s percentage width relative to parent div and not viewport
  23. Draw Circle using css alone [duplicate]
  24. Why my inline-block divs are not aligned when only one of them has text? [duplicate]
  25. masking image with CSS
  26. Absolute position and Overflow:hidden
  27. How to insert spaces/tabs in text using HTML/CSS
  28. What is the ::content/::slotted pseudo-element and how does it work?
  29. How to remove/ignore :hover css style on touch devices
  30. How do I create a teardrop in HTML?

Leave a Comment