Как узнать, браузер поддерживает веб-шрифты или не использует JavaScript?

Question

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

Answer 1

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

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

Answer 2

Вы можете использовать Modernizr для этого: @ документы по обнаружению шрифтов .