Как использовать Modernizr, чтобы определить, поддерживает ли клиент WebFonts?

Question

Как определить поддержку Webfont с Modernizr и вместо этого нажать Cufon, если это не так? По сути, я использую 90% пакетов Google Web Font, остальные 10% - это пакеты от FontSquirrel.

Я хочу полагаться на веб-шрифты, если они поддерживаются, потому что эти слова индексируются и оптимизированы для SEO, но если они не поддерживаются, я все равно хочу отобразить правильный шрифт, который отлично подходит Cufon.

Answer 1

Пол был прав, говоря, что даже IE7 и IE8 поддерживают веб-шрифты (они поддерживают .EOT веб-шрифты), и это общеизвестный факт, что они поддерживают его, я просто не знал, почему это не работает для меня.

Оказывается, проблема с рендерингом пути внутри файлов CSS. Я использовал плагин SquishIt ASP.NET MVC для минимизации и связывания CSS-файлов.

Когда я включаю файл stylesheet.css из пакета FontSquirrel в комплект SquishIt, поддержка шрифтов .eot не будет работать в браузерах IE7 и IE8. После тщательного тестирования этой ошибки я обнаружил, что оба упомянутых браузера будут поддерживать веб-шрифты .eot, если файл был включен отдельно (не входит в комплект SquishIt), но не сможет отобразить правильный шрифт сразу после включения CSS в комплект.

Видимо, SquishIt переписывает пути к файлам, переписывая (или кодируя) строку «? Iefix» и, таким образом, заставляя старые IE не распознавать правильный файл .eot и неправильно отображать шрифт.

Answer 2

Практически каждый браузер имеет поддержку @ font-face: http://caniuse.com/#search=font
Так что вам действительно не нужен запасной вариант с куфоном.

Это сказал .. это:

if (!Modernizr.fontface) Cufon.now();

Но на самом деле вам вообще не нужно использовать Cufon.