Strange encoding issue of icons

Hi, Tony,

This behavior can be observed if the font icons file (WebComponents) is not completely loaded and since the KendoReact components are using "::before -> content:" for adding the code for the icon, symbols will be displayed instead. In some cases, if other font files are loaded in the project, the icon code could match some other cached icon and be displayed while the WebComponents (with the Kendo icons) font is loaded. Note that this could be observed with a failed request for retrieving the font file or with a slow internet connection or server.

A possible solution would be to inspect the browser's console and network tab to see if the request for the WebComponentsIcons file fails when you observe the problem. Additionally, you can try loading the themes locally (if you are currently loading them from the CDN):

https://www.telerik.com/kendo-react-ui/components/styling/

https://github.com/telerik/kendo-themes/blob/235c41ca3d533f2693aa0bd2ad5b07d163ba913d/README.md#embedding-resources

I hope this helps.

Regards,
Filip
Progress Telerik