为什么无法在移动设备上显示Google Material Icons

Kam*_*cek 4 svg text-rendering css3 materialize material-design

我正在使用Materialisecss,它使用Google设计图标.在某些手机上,可以显示Google Material-Icons.是什么造成的?

在此输入图像描述

Kam*_*cek 10

问题是由于text-rendering财产造成的.文本呈现不是CSS标准,但它允许用于选择文本质量.

在google material css中,此属性附带默认值.如果添加此样式,您将解决问题:

.material-icons {
    text-rendering: optimizeLegibility;
}
Run Code Online (Sandbox Code Playgroud)

根据这个定义,我们对浏览器说,"强调对渲染速度和几何精度的可读性".

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