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

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

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

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Philosopher&text=Javascript">

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

@import url("http://fonts.googleapis.com/css?family=Philosopher&text=aciprtsJv");

h1 {
	font-family: Philosopher;
}

Материалы

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