Xiper

Оптимизация Google Web Fonts

Автор: Евгений Рыжков Дата публикации:

Чтобы не загружать с серверов Google шрифт большого веса, есть возможность перечислить какие именно символы требуются — так сокращаем объем получаемого файла.

Для этого используется параметр "text" в url подключаемого шрифта. К примеру, нам нужно подключить шрифт, только для заголовка «Javascript»:

<link rel="stylesheet" href="">

Так же можно перечислять просто необходимые символы. А для того, чтобы с каждой HTML страницей не приходила строка со указанием подключаемого шрифта, перенесем подключение в CSS:

@import url("");
h1 {
	font-family: Philosopher;
}

Материалы

  • Google Web Fonts
  • Пример ≈двукратного ускорения загрузки шрифта