Google material icon font - Руководство по полной поддержке браузера?

Question

Я хотел бы использовать значки материала 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, а также Why Google Material Icons Can't be Shown on Mobile. Они предлагают разные решения.

Есть ли проверенное окончательное руководство? Является ли мир просто не готовым к использованию этих значков в качестве шрифта?

Answer 1

Как правило, шрифты значков поддержки браузеров являются лучшими, они полностью возвращаются к IE6.

Google Material Icons использует самые современные вещи, которые помогают людям с читателями экрана понять, что такое значок, например. икона лица:

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

Это называется лигатурой и не так хорошо поддерживает (IE 10), но это все еще довольно хорошо, зависит от того, что ваших потребностей клиента/проекта. Раньше мы использовали арию, скрытую, чтобы остановить чтение скриншотов идентификатором значка. Here is an article that may be useful further reading.