material design图标字体在UC浏览器(Android)的兼容性问题
调试这个兼容性(UC浏览器,Android版本11.0.4.846)问题发现两个坑:
第一,按官方文档 [1] 的第一种方法(Setup Method 1. Using via Google Web Fonts),UC浏览器并不工作,需要手工加上以下CSS代码:
.material-icons {
/* Support for UC ! */
text-rendering: optimizeLegibility;
}
第二,如果使用官方文档 [1] 的第二种方法或者使用 bootcdn [2] 的加速服务,也不工作,需要去掉两行(下面代码的6,7行)。
1 2 3 4 5 6 7 8 9 10 11 | @font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
|
悬而未决的疑惑:
Google的字体文件 [3] 到底对应的是github上发布的哪个版本?
参考