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上发布的哪个版本?

参考