Problem with customised css

Hi,

We have a problem with how the Syncfusion css is organised.


What we want to do is use the Theme Studio to generate Material css for all controls and customise the accent and primary colours before doing this.

Then we want to use the "customized" css because we need the font and css to work offline.


The problem is that the generated css does not contain all (perhaps not even any) of the font icons listed here :

https://blazor.syncfusion.com/documentation/appearance/icons#material 

My example is the attachment icon, /ea05 - this does not exist in the css generated from Theme Studio.


So, instead I go to https://blazor.syncfusion.com/crg/ and "download" the css for all controls from there (it doesn't actually download anything, a popup appears telling me the URL to use)

The URL :
<link rel='nofollow' href="https://cdn.syncfusion.com/blazor/30.1.42/styles/material.css" rel="stylesheet" />

Fine.  I go to that URL and grab the css from there.
This does contain the attachment icon /ea05, so this method seems to contain more css than Theme Studio produces.
But, now I don't have css with the primary and accent colours customised.

I want all of the css, including the font icons, but also be able to customise the colours like Theme Studio allows me to do.
Is there somewhere I can download just the font icons from, separately from the css for the controls?
What do you recommend I do?

Thanks
Paul

2 Replies

PA Paul August 10, 2025 11:35 PM UTC

Hi,


I see now that the customized & minified css downloaded from Theme Studio does contain the font icon, it is referenced as a unicode character rather than \ea05.

So, Theme Studio does work for us after all!



AJ Archana Jayakumar Syncfusion Team August 11, 2025 09:05 AM UTC

Hi Paul,

We are glad that you have found a solution to the issue. Please let us know if you need any further assistance.


Regards,

Archana






Loader.
Up arrow icon