Why Google Content Icons Are Not Displaying on Mobile Devices

Question

I use Materializecss and it uses google design icons. On some mobile phones Google Material-Icons can be shown. What caused this?

+4

Kamuran Sönecek Aug 11 '15 at 5:23

1 answer

Kamuran Sönecek · Accepted Answer · 2015-08-11T05:23:23+0000

Problems arise due to the text-rendering property. Text rendering is not a CSS standard, but allows you to use text quality.

In google material css, this property has a default value. If you add this style, you will solve the problem:

 .material-icons { text-rendering: optimizeLegibility; }

In this definition, we tell the browser that "emphasize clarity in rendering speed and geometric accuracy."