为什么 Google Material 图标无法在移动设备上显示
Why Google Material Icons Can't be Shown on Mobile
我正在使用 Materializecss，它使用 Google 设计图标。
在某些手机上，无法显示 Google Material-Icons。是什么原因造成的？
问题的发生是因为 text-rendering 属性。文本呈现不是 CSS 标准，但它允许使用来选择文本质量。
在 google material css 中，此 属性 带有默认值。如果您添加此样式，您将解决问题：
.material-icons {
text-rendering: optimizeLegibility;
}
根据这个定义，我们对浏览器说，"emphasize legibility over rendering speed and geometric precision."
我正在使用 Materializecss，它使用 Google 设计图标。 在某些手机上，无法显示 Google Material-Icons。是什么原因造成的？
问题的发生是因为 text-rendering 属性。文本呈现不是 CSS 标准，但它允许使用来选择文本质量。
在 google material css 中，此 属性 带有默认值。如果您添加此样式，您将解决问题：
.material-icons {
text-rendering: optimizeLegibility;
}
根据这个定义，我们对浏览器说，"emphasize legibility over rendering speed and geometric precision."