Блог

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

Для этого вы могли бы использовать Modernizr: @font-документы по распознаванию лиц.

Эта статья Реми Шарпа принесла мне наибольший успех. Кроме того, вы можете использовать Comic Sans. http://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript

Основная идея здесь заключается в использовании Comic Sans с огромным размером шрифта в качестве запасного варианта для шрифта, который вы хотите обнаружить. Поскольку CS — это такой широкий шрифт, если обнаруживаемый вами шрифт не установлен, div будет шире, чем ожидалось.