Custom Font in HTML to PDF Converter (Blazor)

Question

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 · Answer

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 · Answer

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 · Answer

Hello,thanks for your fast response.The issue still occurs: Montserrat ThinMontserrat Regular The new Testproject (too big for the file upload in forums): https://shorturl.at/bfwzDI 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 · Answer

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 · Answer

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

Gowthamraj Kumar · Answer

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