Оптимизация нескольких веб-шрифтов Google

При загрузке пользовательских шрифтов из Google они предлагают вам оптимизацию: https://developers.google.com/webfonts/docs/getting_started#Optimizing_Requests

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

Однако в этом примере он имеет только один стиль шрифта. Как вы это делаете с двумя?

Например, я использую это для загрузки в стили шрифта:

Обычный 400 я использую для большого количества текста, но 400italic используется только для одного короткого заголовка.

Если я это сделаю:

Будет ли он загружать весь 400 и просто "образец заголовка" для 400italic, как я хочу, или он сделает что-то еще?

Ответ 1

Если вы выполняете подмножество символов и пытаетесь объединить несколько шрифтов в один запрос CSS, тогда указанные символы должны быть объединением всех обязательных символов между всеми шрифтами.

Взгляните сюда: http://jsbin.com/welcome/22005/edit

<link href="#" onclick="location.href='http://fonts.googleapis.com/css?family=Inconsolata|Skranji&text=ABCDHIJK'; return false;" rel="stylesheet">

Две вещи идут выше. Мы запрашиваем два шрифта (Nononsolate и Skranji) и указываем, что оба шрифта должны обслуживать символы A-K. Если вам нужен только A-D для одного, а H-K для другого, то вам придется разделить это на два разных запроса CSS.