Stylesheet from base scss use cdn for Roboto fonts

Hello, scss files for material theme for the angular components use cdn to obtain the fonts (robot font) we need that to be disabled so no cdn is used because our application works on a closed environment and also for security reasons we cannot use cdns.

There is a way to disable the cdn (I can configure the roboto font locally)
These are the stylesheets that we import:

@import 'ej2-angular-buttons/styles/material';
@import 'ej2-angular-base/styles/material';
@import 'ej2-base/styles/material';
@import 'ej2-buttons/styles/material';
@import 'ej2-inputs/styles/material';
@import 'ej2-navigations/styles/material';
@import 'ej2-popups/styles/material';
@import 'ej2-lists/styles/material';
@import 'ej2-splitbuttons/styles/material';
@import 'ej2-notifications/styles/material';
@import 'ej2-calendars/styles/material';
@import 'ej2-angular-calendars/styles/material';
@import 'ej2-angular-grids/styles/material';
@import 'ej2-angular-pivotview/styles/material';
@import 'ej2-interactive-chat/styles/material';

1 Reply

HS Hariharan Saravanan Syncfusion Team October 2, 2025 12:11 PM UTC

HI Cesar Smerling,

We would like to inform you that Syncfusion components can operate in an offline environment after npm installation, as all components become available in the node_modules folder, enabling offline functionality.
To enable Syncfusion components to function in an offline environment, Syncfusion provides options to reference both Material and Tailwind themes without relying on internet access. By default, the Material theme uses Google fonts, requiring an internet connection. However, Syncfusion offers an offline-theme file to support local font references, ensuring that your application can operate fully offline.
Steps to Implement Offline Themes for Material and Tailwind:
  1. Run the following command to install the ej2-material-theme and ej2-tailwind-theme package in your application:
npm install @syncfusion/ej2-material-theme

npm install @syncfusion/ej2-tailwind-theme

For detailed instructions on how to implement offline themes for Material and Tailwind in your application, please refer to our documentation here:
Load Offline Theme Documentation.  

SCSS in Angular CLI:
Sass in Angular Common control | Syncfusion

By using these offline theme files, your Angular and Node.js application can utilize Syncfusion components in environments without internet access while maintaining the full styling and functionality of both Material and Tailwind themes.

Regards,

Hariharan s




Loader.
Up arrow icon