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

【问题标题】：Why Google Material Icons Can't be Shown on Mobile为什么 Google Material 图标无法在移动设备上显示
【发布时间】：2015-11-03 04:58:31
【问题描述】：

我正在使用 Materializecss，它使用 Google 设计图标。在某些手机上，Google Material-Icons 无法显示。是什么原因造成的？

【问题讨论】：

Material Design 网站上也有关于 Android 操作系统的基本版本的参考，以正确支持 Material Design。您可能必须交叉引用它。见developer.android.com/training/material/compatibility.html

【解决方案1】：

问题是由于text-rendering 属性而发生的。文本渲染不是 CSS 标准，但它允许使用选择文本质量。

在 google material css 中，这个属性带有它的默认值。如果您添加此样式，您将解决问题：

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

根据这个定义，我们对浏览器说，“强调易读性而不是渲染速度和几何精度。”

【讨论】：