谷歌材料图标字体-完全浏览器支持指南
Google material icon font - Guide for full browser support?
我想使用谷歌的材料图标https://design.google.com/icons/作为字体,但我担心浏览器的支持。是否有使用CSS、回退等的指南?我需要做浏览器嗅探吗?已知的限制是什么?
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<i class="material-icons edit_icon">more_vert</i>
对于ie9及以下版本,他们说使用下面的代码片段,但它在我的ie9的ie11模拟器中是空白的。它在实际的IE9中工作吗?
<i class="material-icons"></i>
我需要做浏览器嗅探或我只是包括和浏览器知道只显示一个?
此页列出了移动设备https://github.com/google/material-design-icons/issues/179的问题,这也是为什么谷歌材料图标不能在移动设备上显示。他们提供了不同的解决方案。
是否有经过良好测试的权威指南?是不是这个世界还没有准备好将这些图标用作字体?
一般来说,对于浏览器支持图标字体是最好的,它们一直追溯到IE6。
Google材质图标使用了最先进的东西,帮助屏幕阅读器的人理解图标是什么,例如。人脸图标:
<i class="material-icons">face</i>
这就是所谓的连接,并不是很好支持(IE 10),但它仍然是相当不错的,取决于你的客户端/项目需要什么。以前我们使用aria-hidden来阻止屏幕阅读器显示图标的id。
相关文章:
- Javascript Q库浏览器支持
- 浏览器支持某些if语句
- 哪些浏览器支持javascript常量
- 是否有用于CSS浏览器支持新功能的javascript解决方案
- 如何检测旧版本的浏览器并重定向到浏览器支持页面
- 条件捕获子句-浏览器支持
- Rails 4.0.1 JavaScript资产管道-跨浏览器支持-加载问题
- 有没有办法使非html5支持浏览器支持html5,而不仅仅是html5标记,html5 api也是如此
- 检查浏览器支持时出现非法返回语句
- 检测浏览器支持 SVG 堆栈
- Promise.defer() 浏览器支持
- 浏览器支持 Internet Explorer 10 - 兼容模式
- 为什么浏览器支持对象的隐式函数属性
- 浏览器支持 window.location.reload(true)
- Chrome插件开发:用户:pass@url不再被谷歌浏览器支持
- 任何具有浏览器支持和单次测试运行的 JavaScript 测试框架
- 特定类型的阵列,以及可能的好处和浏览器支持
- 在哪里可以脱机访问 caniuse.com 浏览器支持表
- 将HTML表格的内容导出到Excel表格中,以便IE、Mozilla、Firefox等浏览器支持
- 哪些浏览器支持函数_now()