Why Google Material Icons Can't be Shown on Mobile

Question

I am using Materializecss and it uses Google design icons. On some mobiles, Google Material-Icons can'be shown. What is caused it?

There are also references on the Material Design site about base versions for the Android operating system to support Material Design properly. You might have to cross reference that. See https://developer.android.com/training/material/compatibility.html — Steven Scott, Aug 11 '15 at 14:10

score 10 · Accepted Answer · answered Aug 11 '15 at 05:23

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."

1 Answers1