In my recent Angular project I am using material icons by using google fonts as
I have tried using all preload mechanism with attribute.
When loading the Angular app, it takes while to display the icon. I have tried using self hosting also, but to no avail. It takes a while to render the actual icon.
Can any one suggest possible options to make the rendering of the material icon smoother/faster without having flickering effect to the users?
Try to use FontFace.load(). It will give you a Promise. https://developer.mozilla.org/en-US/docs/Web/API/FontFace/load