Будет ли браузер загружать шрифт, даже если он не используется на странице?

Question

Было бы проще для разработки, если бы я мог просто встраивать каждую гарнитуру, которую я, скорее всего, буду использовать, но я определенно не хочу лишних HTTP-запросов для шрифтов, которые нигде не заканчиваются на странице. Может ли кто-нибудь просветить меня?

Answer 1

IE загрузит файл .eot немедленно, когда встретит объявление @ font-face.

Gecko, Webkit и Opera все ждут, пока не встретят HTML, который соответствует правилу CSS с использованием шрифта, включая шрифт @ font-face.

- http://paulirish.com/2009/fighting-the-font-face-fout/

Так что если бы не IE, на самом деле было бы безопасно встраивать множество шрифтов, если вы будете осторожны, чтобы не ссылаться на неиспользуемые шрифты в ваших стилях CSS, поскольку в этот момент они будут загружены браузером .

Answer 2

Кроме того, вы можете сделать это тоже: очистите кеш браузера, затем запустите инспектор вашего браузера (щелкните правой кнопкой мыши> Inpsect) и откройте вкладку «Отладчик» (ресурсы). затем введите URL-адрес и посмотрите, что загружается.

Answer 3

У Пола Айриша действительно хороший учебник по использованию @ font-face

http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

Вы также можете использовать генератор синтаксиса на fontsquirrel.com

Answer 4

К сожалению, большинство браузеров не догадываются, что вам следует избегать загрузки шрифтов, которые на самом деле не используются (на самом деле я не знаю ни одного браузера, который достаточно достаточно умен для такого избегания, что, конечно, не означает, что некоторые такие браузеры могут не существовать). Не могли бы вы обработать страницы во время развертывания, чтобы удалить неиспользуемые?