How to import Roboto font in offline usecase?

[Brian]

Hi team,

I am using Syncfusion.Blazor with Material style. And I have noticed that the Nuget package wrapped the material.css with a line of:

@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");

But my project is designed to work in a local network without Internet connection, and that means the remote font would not be imported correctly. could you please tell me how to reference it locally?

Thanks.

[Sridurgha Uthayakumaran]

Hi Brian, 

Thanks for contacting Syncfusion support. 

We would like to suggest you to use the material.css style file from ej2-material-theme package which is mentioned in the following location under customized folder in order to satisfy your requirement. This style file from customized folder does not have reference to online roboto font and contains styles of all the components including font style references. 

 

Kindly install npm packages (ej2-material-theme for material.css) using following command “npm install @syncfusion/ej2-material-theme”   

 

For your convenience we have created a sample for your reference and the same can be referred from the below link. 

 

Sample: https://www.syncfusion.com/downloads/support/forum/157891/ze/fontLocalRef542145902.zip  

 

Please get back to us if you need any further assistance on this. 

 

Regards, 

Sridurgha U