Adding Fonts to Web Report Designer

1 Answer 228 Views
Styling Web Report Designer
Eliott
Top achievements
Rank 1
Eliott asked on 22 Nov 2022, 09:48 PM

I have tried to add fonts to the web report designer by installing the true type font on the production OS.

I also tried to add the font as a private font.

I am running on Windows Server 2019 - IIS with Build version: 8.2.22.1109

If I design a report on the desktop client and upload it, the report displays the correct font (I think this is because the font is installed on both the production server and my workstation) but shows a 'blank' font face under style (see attached) . If I export this report the font style is lost entirely and replaced with Microsoft Sans Serif.

I would prefer to have my users work through the web designer to keep things easier and more consistent for them. How can I get any true type font installed to the Report Server Web Designer?

1 Answer, 1 is accepted

Sort by
0
Accepted
Todor
Telerik team
answered on 25 Nov 2022, 04:15 PM

Hello Eliott,

Generally, the Report Server is installed on the Windows IIS. In order for the server to have access to the installed fonts, they should be installed for the correct user, or for all users.

I tested locally the following scenario. I changed the font of a TextBox to 'Algerian' which was available on the machine for all users and was the first in the list. This let me select it in the Standalone and in the Web Designer. The preview seemed fine, with the correct font. I published the changed report on the Report Server.

I uninstalled the font 'Algerian' and ran the Report Server Manager in the browser of the same machine. The Preview of the report replaced the font. However, the Web Designer of the Report Server still displayed the font name in the Style > Font property of the TextBox. The preview in the designer also substituted the font with a default one.

If the font cannot be found on your clients' machines,  the problem may be due to the font not being available in the browser. If so, you may try to add the font with code on the Html Page/Cshtml View as explained in the @font-face article.

You may add the above code in the Views of the Report Viewer and the Web Report Designer of the Report Server. They may be found in its installation folder, for example, "C:\Program Files (x86)\Progress\Telerik Report Server\Telerik.ReportServer.Web\Views". Note that the main views are in the subfolder "Report", i.e "Report\Preview.cshtml", and the designer's partial view is in the "Shared" subfolder, "Shared\_DesignerPartial.cshtml". 

Generally, the exported documents are rendered on the server. If the font is substituted upon exporting, the font may be missing server-side, or the IIS user of the Report Server is not authorized to use the font.

Regards,
Todor
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Eliott
Top achievements
Rank 1
commented on 25 Nov 2022, 10:10 PM

Thank you the issue was indeed permissions for the installed fonts. Right-clicking on the fonts and choosing "Install for all users" corrected the issue.

For a few other fonts I also had to restart the WWW service on Windows.

Tags
Styling Web Report Designer
Asked by
Eliott
Top achievements
Rank 1
Answers by
Todor
Telerik team
Share this question
or