Change Grid font style

Is there a way to change the Grid font style to a custom font I have already downloaded as a .ttf and attached to the project?


I have a Blazor server app that runs on computers that have restricted internet access and I am using Google Open Sans fonts for the web app, except for the Syncfusion controls.


I want the Grid control to use that custom font. Is this possible?


1 Reply

PS Prathap Senthil Syncfusion Team May 17, 2024 12:33 PM UTC

Hi Nick

Based on your requirements, we suggest using the following CSS customization to change the font. Please refer to the code snippet and sample provided below for your reference.


<style>

    .e-grid, .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text, .sf-pager.e-control {

        font-family: cursive/* here you can refer the custom font  */

 

    }

</style>
A screenshot of a computer

Description automatically generated


Sample:
https://blazorplayground.syncfusion.com/embed/BtLJNSsGCuBKnCiJ?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5

Regards,
Prathap Senthil


Loader.
Up arrow icon