为什么Google Material图标无法显示在移动设备上 [英] Why Google Material Icons Can't be Shown on Mobile
问题描述
我使用Materializecss,它使用Google设计图标。
在某些手机上,可以显示
出现问题是因为文本呈现
属性。文本呈现不是一个CSS标准,但它允许使用选择文本质量。
在google材质css这个属性与它的默认值。如果添加此样式,您将解决问题:
.material-icons {
text-rendering:optimizeLegibility;
}
根据这个定义,我们说的是,强调可读性上渲染的浏览器速度和几何精度。
的 https://css-tricks.com/almanac/properties/t/text-rendering/
I am using Materializecss and it uses Google design icons. On some mobiles, Google Material-Icons can'be shown. What is caused it?
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/
这篇关于为什么Google Material图标无法显示在移动设备上的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!