Должен ли я локально хранить CSS, созданный API-интерфейсом Google Web Fonts?

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

Мой вопрос в том, в какой момент он это делает?

Причина заключается в том, что для API вы можете просто добавить файл CSS, содержащий запрос @font-face. Могу ли я просто включить этот CSS в свой собственный файл CSS, тем самым сохраняя HTTP-запрос или изменив его в зависимости от того, кто его запрашивает?

Я действительно надеюсь, что это имеет смысл.

Например, Google предлагает включить в свой CSS файл следующее:

@import url(http://fonts.googleapis.com/css?family=Exo);

содержание которого:

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: local('Exo Regular'), local('Exo-Regular'), url('http://themes.googleusercontent.com/static/fonts/exo/v1/ZcGd2dvMSgl3mHN3lKAjNw.woff') format('woff');
}

Ответы

Ответ 1

CSS, обслуживаемый Google Webfonts, изменяется в зависимости от пользовательского агента в заголовке HTTP-запроса, поэтому вам лучше использовать @import. Причина заключается в различных реализациях веб-шрифтов в разных браузерах.

Ответ 2

Не ответ на ваш точный вопрос, но даже если бы это было возможно на данный момент, я бы никогда не кэшировал какой-либо CSS, который Google "живет", потому что:

  • даже если он работает сейчас, он может сломаться позже, если он что-то изменит

  • вы не добавляете никакой надежности, потому что сам шрифт по-прежнему должен быть извлечен из Google

  • вы действительно не улучшаете производительность: если все настроено правильно, HTTP-запрос будет выполняться только один раз и после этого будет кэшироваться. Кроме того, пользователь может использовать шрифт CSS, кешированный с другого сайта, который использует Google Fonts.

Ответ 3

Если вы хотите сохранить локальный CSS, то вы ДОЛЖНЫ хранить шрифт локально, потому что иначе он снова получит дополнительный HTTP-запрос.

И Google позволяет загружать шрифт для локального использования, но вы также можете проверить его на Интернет. https://developers.google.com/webfonts/faq