Шрифты загружаются, если они уже были @ шрифтовыми с другого сайта?

Question

Я использую Open Sans на своем сайте, и я замечаю из удобного цветного набора в Google Web Fonts, что если я хочу светлый, курсив, полужирный, смелый и другие стили, это станет довольно тяжелая загрузка для конечного пользователя.

Действительно ли это проблема с шрифтом, популярным как Open Sans? Броузеры загружают Open Sans снова и снова каждый раз, когда у веб-сайта есть свой файл, указанный в объявлении @ font-face?

Должен ли я переносить дорогостоящие HTTP-запросы, или я просто добавляю то, что отсутствует? Итак, если в браузере уже есть Open Sans Regular, Italic и Bold (и жирным курсивом), они захватывают от меня только Light и Semi Bold?

Преимущественное Update Я использовал local() выражение в моей @ шрифте-слойной декларации, и это дало мне очень плохо проблемы с наклонным стилем, он в основном игнорирует.

Answer 1

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

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

Если вы определите @font-face и укажите файлы шрифтов для него, будет загружен и использован первый формат, который браузер понимает из списка файлов шрифтов, которые вы укажете. Вот почему вы обычно перечисляете самые легкие форматы сначала и самые тяжелые последние: (woff2>woff>ttf>svg).

Обратите внимание, что если вы подаете файлы шрифтов с вашего сервера, браузеры никогда не будут использовать файлы шрифтов, скажем, Google, даже если они точно такие же. Это дает вам возможность обслуживать измененные файлы шрифтов. Но если вы используете шрифтовые файлы из Google, пользователи могут уже кэшировать их, и они будут использоваться, если у них есть такая же ссылка для скачивания (одинаковые веса, одинаковые варианты).