1

我想使用 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 9 模拟器中它是空白的。它在实际的 IE9 中有效吗？

<i class="material-icons">&#xE5D4;</i>

我需要进行浏览器嗅探，还是只包括两者而浏览器知道只显示一个？

此页面列出了移动https://github.com/google/material-design-icons/issues/179的问题，这与为什么 Google Material Icons Can't be Show on Mobile一样。他们提供不同的解决方案。

是否有经过充分测试的权威指南？世界还没有准备好将这些图标用作字体吗？

4

1 回答 1

0

一般来说，浏览器支持图标字体是最好的，它们一直追溯到 IE6。

Google Material Icons 正在使用最先进的东西来帮助有屏幕阅读器的人理解图标是什么，例如。人脸图标：

<i class="material-icons">face</i>

这被称为连字，并不能很好地支持（IE 10），但它仍然非常好，取决于您的客户/项目需要什么。以前我们使用 aria-hidden 来阻止屏幕阅读器说出图标的 id。这是一篇可能对进一步阅读有用的文章。

于 2016-09-13T13:03:07.687 回答