Opt out inline icon font

Hello Support,

is there a way to opt out the inline (base64 encoded) icon font?
We want to use our own font and dont need the inline font. Now we want to reduce the bundle size of the application.

Regards
René


3 Replies

GV Gokulraj Varatharajan Syncfusion Team May 12, 2022 11:56 AM UTC

Hi Rene,


Greetings from Syncfusion support,


We have validated your query and currently, we are maintaining the icons and font together. We can’t override the font. Also, already we have a plan to reduce the bundle size at our end and it will be included with any of our upcoming main releases. So, we request to keep track of the following feedback.


https://www.syncfusion.com/feedback/33416/need-to-reduce-all-components-bundle-sizes


Please get back to us if you have any queries.


Regards,

Gokul



RF René Fabel May 14, 2022 10:59 AM UTC

Hello Gokul ,


I found out that you use a special variable " $is-inter-loaded" to check if a font should be load or not.
Setting this scss variable to true prevents loading the "Inter" font for "tailwind" scheme.

$is-inter-loaded: true; // this prevents loading of Inter font in browser :)

I found this is a nice pattern. It would be very good if this would be available for the icon font.

For suggestions & discussing:

- remove base64 coded inline icon font from scss code

- add an variable "load-icon-font", set default to true

- load icon font like other fonts too


That would be an very good option to reduce bundle size and opt-out icon font and use our own :)

Regards

René




GV Gokulraj Varatharajan Syncfusion Team May 16, 2022 12:33 PM UTC

Hi René,


Thanks for your update,


We have validated your suggestions and we will consider them while implementing the saas structure at our end.


Please get back to us if you have any queries.


Regards,

Gokul


Loader.
Up arrow icon