Covert Web to PDF with Custom Fonts

[The Real Rainman]

How can I convert web page content (ignore header and footer of web page) to PDF and retain the web fonts and styles used on website?

When I use Acrobat > Tools › Create PDF › Web Page it just uses system fonts. 

I have tried using a WordPress plugin called PDF & Print Pro by BestWebSoft. It uses the mPDF library to convert web pages to PDF and works pretty well, but even though we have installed the web font locally and set configuration to recognize and use our font, it still just uses the system fonts.

[S. S]

Hi @The Real Rainman,

Hope you are doing well. Thanks for writing in!

We understand that you are trying to convert Webpage to PDF.

Are you using a Windows device? If yes, have you tried using the Adobe PDF printer?

On your web browser, go to Print > select Adobe PDF Printer > click Advanced > check the checkbox "Do not rely on System Fonts. Use document fonts only."

Other methods and settings for the same workflow can be found here: https://helpx.adobe.com/acrobat/using/converting-web-pages-pdf.html

Let us know how it goes.

Regards,
Souvik.

[The Real Rainman]

Wow that works pretty good, but I need to add custom page header (logo) and footer (web address). Also, would like to insert page page breaks before each section.

[S. S]

Hi @The Real Rainman,

I get it! 

However, Acrobat allows you to add custom text as headers and footers. 

The workflow that you are trying to achieve could be better done in Word or other document editing applications. 

You can add an image as a header, but it would not be through the Insert Header feature, but an Insert Image workflow.

More info about working with headers can be found here: https://adobe.ly/3HeaSJ3.

About the page break feature, it can be done in Acrobat, but not in a direct manner. 

Here's a thread which discusses it in depth: https://adobe.ly/3HuUEer. Please go through it once.

Hope this helps.

Regards,
Souvik.