В этом документе содержится некоторая техническая информация о том, что происходит за кулисами, когда вы запрашиваете веб-шрифт с помощью Google Fonts API.
В этом документе также содержится информация о поведении конкретного браузера.
Если вы просто хотите использовать Fonts API, вам не нужно читать эту страницу. Однако чтение этой страницы может помочь вам повысить скорость загрузки страниц.
Что обслуживает Google Fonts API?
Когда браузер отправляет запрос на таблицу стилей API шрифтов (как указано в <link> на вашей веб-странице), 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 отображает остальную часть страницы, но до тех пор, пока шрифт не загрузится, вместо текста, в котором используется этот шрифт, отображается пустое пространство.
В более общем плане поведение Internet Explorer может различаться в зависимости от размещения и наличия различных элементов. Если вы хотите обеспечить согласованное поведение во всех браузерах, используйте загрузчик веб-шрифтов . Например, вы можете сделать так, чтобы все браузеры вели себя как Firefox .