Вопрос по css, html, javascript – Есть ли способ определить, поддерживает ли браузер пользователя @ font-face?

2

У меня есть контент на веб-странице, который использует смешные шрифты для правильного отображения, используя @ font-face для использования некоторых пользовательских шрифтов. Я включаю предупреждение о том, что он может отображаться некорректно во всех браузерах. Контент не является действительно важным для страницы, поэтому вместо этого я просто не хочу показывать его, если браузер не собирается делать это из-за версии браузера, блокировки сценария или чего-то еще. Есть способ сделать это?

да, используя:modernizr.com mgraph
Да, если контент был статичным. Это зависит от ввода от пользователя. Matt
Я не могу представить, почему это необходимо. @ font-face поддерживается с IE 4. (4!) Chris Sobolewski
Но если у вас отключены сценарии или NoScript не разрешает сайт, он не сделает ваш @ font-face. Matt
Извините, но если это просто для отображения "некоторого контента" это не важно для страницы, я думаю, что использование веб-шрифтов вообще излишне. Создание изображения, вероятно, сэкономит пропускную способность. Mr Lister

Ваш Ответ

1   ответ
5

которая просто проверяет поддержку @ font-face. http://modernizr.com/download/#-fontface-shiv-cssclasses-teststyles-load

Тогда вы можете проверить в JS дляModernizr.fontface или в CSS для.fontface { }.

Вот причудливое объяснение того, как это сделать: http://paulirish.com/2009/font-face-feature-detection/

Чтобы быть понятным, вы можете в значительной степени поддерживать любой браузер с @ font-face, за исключением некоторых версий Android. http://caniuse.com/#search=font

Ваша большая проблема с @ font-face - это не базовая поддержка @ font-face, но поддержка определенного типа файла шрифта, который более ограничен. Я лично предлагаю использовать WOFF, который работает в IE9 +. Кроме того, если вы используете Typekit или Font-Squirrel, вы можете в значительной степени поддерживать все браузеры из коробки.

Похожие вопросы