Why Google Material Icons Can't be Shown on Mobile

Kamuran Sönecek

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

enter image description here

Kamuran Sönecek

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

https://css-tricks.com/almanac/properties/t/text-rendering/

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

Why aren't the icons shown in a TabBar in MAUI?

Why can't I remove social icons on mobile version even if I uninstalled WP-Socializer Plugin?

Why can't I assign an object as shown?

Why views can't be shown after listview?

Module not found: Error: Can't resolve '@mui/icons-material/AddCircle', but @mui/icons-material is installed

Can't import Svg icons in material-ui@next

Module not found: Can't resolve '@material-ui/icons/ContentCut'

Module not found: Can't resolve '@mui/icons-material/FileDownload'

Module not found: Can't resolve '@mui/icons-material/Polyline'

Why can't my Table View Cell be shown?

Why can't I find the official Github mobile app on the Google Play store?

Why I can't see glyphicon icons in new opened window?

Why I can't use some Icons in flutter?

Why can't I install react/icons package?

Why can't I center the icons within their borders?

Angular material dialog isn't shown properly

Fontawesome doesn't work, the icons aren't shown

Swap bootstrap text class for a google material icons

Google material design icons not loading in Chrome

Google Material Icons as array - any ideas?

Google Material Icons alignment in Bootstrap buttons

How to solve module not found error : Module not found: Can't resolve '@mui/icons-material/Adb'?

Module not found: Error: Can't resolve '@mui/icons-material/Menu' in 'D:\

How can I use Icons from material-ui icons?

Where can I get codes of material icons?

My notification action icons don't be shown in android 7

Why can't i navigate with my hamburger-menu on mobile?

Why can't I style angular material stepper elements directly?

Why can't I use custom font with Material Design Lite?