How to change fonts for all syncfusion control

I am using syncfusion control in my web application.

I would like to know how to globally change font family for all controll in single css class.


1 Reply

JL Joshna Lingala Uthama Reddy Lingala Syncfusion Team July 29, 2021 01:00 PM UTC

Hi Ahmed, 

Greetings from Syncfusion. 

We have validated your query for “ change of font family globally” at our end. We suspect that due to some inherited style property font-family value in “e-control” class is not applied for Grid row items and Card is a CSS component which doesn’t have “e-control” class, we have used the following CSS to meet your requirement. 


<style> 
    .e-control {  
        font-family: cursive !important;  
    } 
    .e-card .e-card-header {  
        font-family: cursive !important;  
    } 
    .e-card {  
        font-family: cursive !important;  
    } 
    .e-grid .e-rowcell { 
        font-family: cursive !important; 
    }  
</style> 

Please get back to us if you need further assistance. 

Regards, 
Joshna L 


Loader.
Up arrow icon