Технические соображения

В этом документе представлена ​​некоторая техническая информация о том, что происходит за кулисами, когда вы запрашиваете веб-шрифт с помощью API Google Fonts.

Этот документ также предоставляет информацию о поведении конкретного браузера.

Если вы просто хотите использовать Fonts API, вам не нужно читать эту страницу. Однако чтение этой страницы может помочь вам улучшить производительность загрузки страницы.

Для чего служит API Google Fonts?

Когда браузер отправляет запрос на таблицу стилей Fonts API (как указано в теге <link> на вашей веб-странице), Fonts API предоставляет таблицу стилей, созданную для конкретного пользовательского агента, делающего запрос.

Например, запрос Inconsolata из Firefox возвращает следующий CSS:

@font-face {
  font-family: 'Inconsolata';
  src: local('Inconsolata'), url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw') format('truetype');
}

С другой стороны, запрос от Internet Explorer возвращает:

@font-face {
  font-family: 'Inconsolata';
  src: url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw');
}

После загрузки CSS браузер загружает шрифт в формате, соответствующем браузеру.

Поведение, специфичное для браузера

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

Список поддерживаемых браузеров смотрите в FAQ .

Гугл Хром

Chrome отображает остальную часть страницы, но пока шрифт не загрузится, вместо текста, в котором используется этот шрифт, отображается пустое пространство.

Мозилла Фаерфокс

Firefox сначала отображает текст шрифтом по умолчанию, а затем повторно отображает текст шрифтом после его загрузки. Такое поведение известно как «вспышка нестилизованного текста».

Яблочное Сафари

Safari отображает остальную часть страницы, но пока шрифт не загрузится, вместо текста, в котором используется этот шрифт, отображается пустое пространство.

Microsoft Интернет Эксплорер

Internet Explorer отображает остальную часть страницы, но пока шрифт не загрузится, вместо текста, в котором используется этот шрифт, отображается пустое пространство.

В более общем плане поведение Internet Explorer может различаться в зависимости от размещения и существования различных элементов. Если вы хотите обеспечить единообразное поведение во всех браузерах, используйте загрузчик веб-шрифтов . Например, вы можете заставить все браузеры вести себя как Firefox .