The community member is trying to change the font on an element but is unable to do so. The comments suggest that the issue may be related to a bug in the platform, and that the community member needs to click on the cloud icon to select the font. However, some community members advise against using font icons, as they can negatively impact website performance. They recommend using SVG icons instead, as they are more efficient. The community member acknowledges the performance concerns but expresses a preference for font icons due to their ease of implementation. The discussion continues with back-and-forth about the pros and cons of using font icons versus SVG icons, with the community members providing detailed technical explanations.
working for me but generalyl please don't use font icons, use svg, font icons will drain your performance to inacceptable levels, they need to download the entire font before they can render a single icon
It's a weird issue. So I tried multiple ways and it turns out that when you search the font and click on it, it does not change. You need to click on the cloud icon on the right and then select the font.
And yes. Thanks for the tips. I understand it decreases the website load time a little but it's much easier to implement than exporting and importing icons.
You're right, I understand but I did some tests and it turns out the font file is only taking 62ms to load the font which could be 8-10ms per icon. So I just choose efficiency over performance because my clients always change their minds about few icons and the cycle of finding new ones, extracting SVGs and importing them hurts my efficiency.
@The Panwadi Ji trust me if I say this is wrong. Its not taking 62ms, its taking 62ms in your test. Latency and bandwiddth is unpredictable and your rendering depends on a call to a remote server.
And its not per icon. Font file fetches all icons, its one big thing, especially if you didn't optimize it for the icons you use and cut out icons you don't use.
