Disable Google Fonts in Theme

Question

Hello there,i'm using your tailwind-dark theme in my project and i realise that the theme use a google-font called "Inter" for its controls. By security policy we don't have permissions to use fonts.googleapis.com in Production. Actually in the current delevopment state there is no issues, but it will when we going in production state.How can we change the current font to a local font.
We using the Blazor Themes Nuget Package in our Blazor Server AppRegardsStefan

Joshna Lingala Uthama Reddy Lingala · Answer

Hi Stefan, 
 
Greetings from Syncfusion Support. 
 
We have validated the reported query for “usage of the tailwind theme without google font reference” at our end. We have logged this requirement as a feature request to include tailwind theme without external references and logged feedback which can be tracked through the following link. This will be included in our upcoming Volume 4 Service Pack release which is expected to be rolled out in the end of January 2022. 
 
Feedback: https://www.syncfusion.com/feedback/31917/to-include-customized-tailwind-themes-without-external-google-font-reference 
 
We appreciate your patience until then. 
 
Regards, 
Joshna L

Stefan Limpert · Answer

Hi Joshna,sounds good. I'm looking forward to it.Thanks and RegardsStefan

Vengatesh Maniraj · Answer

Hi Stefan,Thanks for the update.We will let you know once our Volume 4 service pack got released.Regards,Vengatesh

Vengatesh Maniraj · Answer

Hi Stefan,We have provided the support to download the customized tailwind theme without external references. We have ensured and included the changes with the 2021 Volume 4 SP release.You can try to download the themes now from the CRG site.https://blazor.syncfusion.com/crg/ Regards,Vengatesh

Yevheniy Hvozdikov · Answer

Ok, so in the end the proposed solution is to generate each time the css through web instead of having an extra default packaged css just by changing the css file name, like:
"https://client.vision.arasaka.software/_content/Syncfusion.Blazor.Themes/tailwind-no3rdparty.css"

Right?
Isn't it bothering to remember such extra step every time? Can it be automated?

Subathra Kaliamoorthy · Answer

Hi Stefan,Based on your query, we would like to share you that you can use the customized tailwind and material theme from NuGet packages and CDN reference like mentioned below: _Host.cshtml //…@* Using Syncfusion Blazor Themes package *@ @* Using Syncfusion Blazor package *@ @* Using CDN reference*@@* CDN reference available from v24.1.41 for customized theme*@ //…Regards,Subathra K