为何无法在移动设备上显示Google素材图标

时间:2015-08-11 05:23:23

标签: css3 svg material-design text-rendering materialize

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

enter image description here

1 个答案:

答案 0 :(得分:10)

由于text-rendering属性而出现问题。文本呈现不是CSS标准,但它允许用来选择文本质量。

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

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

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

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