Google шрифты во временную отставку

Опубликовано: Среда, Март 11, 2015 Комментарии (4)

Почему не везде подключается шрифт

Какое-то время я рисковала и доверялась сервису Google Fonts, подключая шрифты в верстке прямо с их сервиса. Судя по количеству статей в интернете об этом, я такая далеко не единственная. И вот пару недель назад мне пришло замечание по верстке: шрифт не подключался на сайте в браузере заказчика (а раньше все было хорошо). У меня все отображалось отлично (несмотря на то, что шрифт так же был не установлен на мой новый ноутбук). Так что я открыла старую добрую вкладку Network (Chrome -> Инструменты разработчика), чтобы посмотреть что же подключает Гугл.

Выяснилось, что Гугл решил избавиться от всех прежних форматов для шрифтов и подключать на сайты только woff2.

Опережая желания или что такое woff2

WOFF2  – это относительно новый формат для веб шрифтов. Он основан на всем давно знакомом WOFF (Web Open Font Format). WOFF2 еще лучше сжат и обладает волшебными свойствами грузиться быстро даже на мобильных устройствах! Подробнее о WOFF2

Однако этот замечательный формат поддерживается мягко говоря пока не всеми браузерами:

Поддержка формата WOFF2 на март 2015

Да и сам Гугл в своих обучающих материалах для разработчиков пишет:

Сегодня в Интернете используются четыре формата контейнеров шрифтов: EOT, TTF, WOFF и WOFF2. К сожалению, несмотря на возможность выбора, не существует единого формата, который работает во всех браузерах. Например, EOT доступен только в IE, TTF поддерживается в этом браузере только частично. WOFF распространен шире всего, однако его нельзя использовать в некоторых старых браузерах, а над поддержкой WOFF 2.0 работают в настоящее время.

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

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

И что же теперь делать

Возможно спросите вы. Подключать @font-face, как обычно и следить за развитием woff2 :)

Поделитесь с друзьями:

Читайте также:

Комментируйте:

  • Valkinaz

    Спасибо, полезная информация :)

    • http://positivecrash.com/ Настя Бакай

      you are welcome :)
      надеюсь, скоро все перейдем на woff2 + eot для ие

  • Sergey Kozlov

    Заголовок статьи и часть статьи относительно google+woff2 противоречит действительности. Если вы перешли по предлагаемой ссылке для подключения и увидели, что там только woff2, это значит только то, что ваш браузер поддерживает woff2. В том же IE по той же самой ссылке у вас будет woff. юзер-агент передается на сервер, где анализируется и отдаётся пользователю подходящий формат. Так что какие бы проблемы у Вас ни были со шрифтами, с Google Fonts они связаны вряд ли.

    • http://positivecrash.com/ Настя Бакай

      Да нет, я не просто перешла по ссылке для подключения. У меня в одночасье эта ситуация возникла со старыми и новыми проектами, где подключались google шрифты (проблем со взаимодействием со сторонними скриптами при этом не было). Собственно поэтому и стала проверять. Везде отдавало на тот момент woff2, даже там где не должно. В данный момент пользуюсь только font-face, поэтому про актуальность данной информации ничего говорить не берусь.