we're trying to use Angular components with Tailwind theming. However the component CSS files have external Google fonts hard-coded in them. We need to use those components offline and thus need to remove all external references and use self hosted fonts instead. How can we achieve that without touching the source files?
I saw that there's an option for the Material theme (https://www.syncfusion.com/forums/176969/remove-ej2-css-file-external-google-font ), but I could not find such a solution for a Tailwind setup.
Greeting from Syncfusion support,
We are providing a customized package for tailwind theme also, in which there won't be any google fonts, so you can use this theme in the offline mode. Please follow the below steps.
For your convenience we have create a working Angular sample which can be downloaded from below link.
Please get back to us if you have any queries.
Thanks for the quick reply, Theveshwar, this was really helpful!
You're welcome! Please get back to us if you need any other assistance
Hey @Theveshwar Jayakumar
It looks like this is not working with the current version: "@syncfusion/ej2-tailwind-theme": "^21.2.3",
Installing this the customized css still has google fonts linked. Switching to material theme for testing we were able to see that inside the material customized css is removed but not inside the tailwind one.
Can you please help out?
Thanks and best reg
Hi Stephanie Katterwe,
Sorry for the inconvenience caused,
We have investigated the reported scenario from our end, and as mentioned we have encountered this issue in our tailwind theme with the previous release version (i.e., v21.2.3). However, we have considered this as an issue from our side and we have resolved this issue with our latest patch release version (v21.2.4). So, we kindly request you to update our packages to our latest version (v21.2.4) to resolve this issue.
Please get back to us if you need any further assistance.