Custom Font in HTML to PDF Converter (Blazor)

[Nils Steinle]

Hello,

is there a way to use a custom font with the  Syncfusion.HtmlConverter.HtmlToPdfConverter in Blazor?
How to link the resource/font file to the stylesheet i attached the html string?
With standard fonts like Arial or Verdana its working, but not with custom fonts (its only italic).

If this is possible, maybe u can prepare a demo file for me?

Thanks,
Nils

[Nils Steinle]

Here an example:

I've added the Font 'Montserrat', it seems to be loaded, but only italic. I've added the normal, not italic font.

The final HTML to PDF File:

[Gowthamraj Kumar]

Hi Nils, 

Thank you for contacting Syncfusion support. 

We have tried to reproduce the reported issue with provided font details on our end, but it is working properly and font preserve with its regular styles. We were not able to reproduce the reported font preservation issue. We have attached the sample for converting Html (with custom font) to PDF document using Blazor application. Please try the sample with your input files on your end and let us know the result. 

Sample: https://www.syncfusion.com/downloads/support/forum/170398/ze/BlazorHTMLToPDF2030206349 

Output: https://www.syncfusion.com/downloads/support/forum/170398/pd/HTMLToPDF_CustomFont-1687361767 

Please refer the below link for more information,
UG: https://help.syncfusion.com/file-formats/pdf/convert-html-to-pdf/webkit#html-string-to-pdf 

KB: https://www.syncfusion.com/kb/12818/how-to-convert-html-to-pdf-in-blazor-using-c 

If still you are facing the same issue, kindly provide more details such as modifies sample or complete input HTML file/URL (with resource style, fonts, scripts , etc.,), complete code snippet, Environment details (OS, bit version, culture settings, RAM size, etc.,), product version to check the issue in our end. So, that it will be helpful for us to analyze and assist you further on this.  

Regards, 

Gowthamraj K 

[Nils Steinle]

Hello,

thanks for your fast response.

The issue still occurs:

Montserrat Thin

Montserrat Regular

The new Testproject (too big for the file upload in forums):

https://shorturl.at/bfwzD

I attached my fonts to the testproject so u can test it (its original montserrat-thin from google fonts, and not Italic) but it is still italic...

You can open the attached fonts in the "HTMLFile"-Folder and u can see its not the italic one...

thanks,

Nils

[Gowthamraj Kumar]

Hi Nils, 

 

Thank you for your patience.

 

We have checked the provided sample on our end, we were able to get the reported font rendering issue. WebKit rendering engine internally make use of QtWebKit rendering engine for converting HTML to PDF, the reported issue occurs with QtWebKit rendering engine itself. We have already added this “HTML to PDF conversion with CSS injection in WebKit” to our feature request list and we will implement this feature in any of our upcoming release. But we do not have any immediate plans to implement this feature. We usually have an interval of at least three months between releases, at the planning stage of every release cycle, will review all the open features and we will notify you once this support is implemented.  

The feature request can be tracked through our Features Management System:     

https://www.syncfusion.com/feedback/2560/html-to-pdf-conversion-with-css-injection-in-webkit 

To overcome this issue, kindly try our latest Blink rendering engine which preserves output PDF document like how the input HTML file displayed in chrome web browser. This rendering engine support more styles and HTML features when comparing to WebKit rendering engine. Please refer below links for more information,   

UG: https://help.syncfusion.com/file-formats/pdf/convert-html-to-pdf/blink     

KB: https://www.syncfusion.com/kb/10377/how-to-convert-html-to-pdf-with-blink-using-c-and-vb-net      

Steps: https://help.syncfusion.com/file-formats/pdf/converting-html-to-pdf-in-windows-forms#steps-to-convert-a-html-to-pdf-document-using-blink-in-window-forms   

We have tried the Blink Html to PDF conversion with provided font details, it working properly. Please find the sample and output document from below,
Sample: https://www.syncfusion.com/downloads/support/forum/170398/ze/BlazorHTMLToPDF_Blink642057055 

Output: https://www.syncfusion.com/downloads/support/forum/170398/pd/HTMLToPDFBlink1750094811 

 

Note: Blink rendering engine does not support conversion in Azure app service (Azure websites) and Azure function.  

 

Please let us know if you need any further assistance with this. 

Regards, 

Gowthamraj K 

[Nils Steinle]

With blink it works perfectly. So I will just use Blink. Thank you for the advice and for your efforts.

[Gowthamraj Kumar]

Hi Nils, 

Thank you for your update and confirmation. We are glad to know that the suggested Blink solution resolved your problem. 

Please let us know if you need any further assistance with this. 

Regards, 

Gowthamraj K