I am using Materializecss and it uses Google design icons. On some mobiles, Google Material-Icons can'be shown. What is caused it?
The problems is occurred because of text-rendering
property. Text-rendering is not a CSS standart but it allows use to choose text quality.
In google material css this property comes with it's default value . If you add this style you will solve the problem :
.material-icons {
text-rendering: optimizeLegibility;
}
By this definition, we say to the browser that, "emphasize legibility over rendering speed and geometric precision."
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments