我想使用Google的素材图标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及以下,他们说要使用下面的代码片段,但在IE 11的IE 11模拟器中它是空白的。它是否适用于实际的IE9?
<i class="material-icons"></i>
我是否需要进行浏览器嗅探,或者我只是将两者都知道并且浏览器知道只显示一个?
此页面列出了移动https://github.com/google/material-design-icons/issues/179的问题,Why Google Material Icons Can't be Shown on Mobile也是如此。他们提供不同的解决方
是否有经过充分测试的最终指南?世界还没准备好将这些图标用作字体吗?
答案 0 :(得分:0)
一般来说,对于浏览器支持,图标字体是最好的,它们会一直回到IE6。
Google Material Icons正在使用最先进的东西,帮助屏幕阅读器的用户了解图标是什么,例如。一张脸的图标:
<i class="material-icons">face</i>
这被称为连字,并不是支持(IE 10),但它仍然相当不错,取决于您的客户/项目需要什么。以前我们使用aria-hidden来阻止屏幕阅读器说出图标的ID。 Here is an article that may be useful further reading.