Почему Google Fonts грузит лишние шрифты и как от этого избавится?

Question

[Андрей Федоров]

Необходимо сократить количество запросов к серверу при загрузке страниц сайта. Порезали уже все не нужное. Теперь пытаемся урезать не сильно нужно.

Имеем запрос в Goole Fonts:

https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=cyrillic

По этому запросу гугл отдает 8 файлов. Вроде бы логично, 4 "толщины" и два сабсета latin и cyrillic.

Для теста убрали cyrillic

https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap

Но Google Fonts по прежнему отдает 8 файлов.

Что происходит?

Comments

[archelon]

скачайте, сконвертируйте и грузите локально.

[Андрей Федоров]

archelon, провокация на холивар что ли? ) Для целей вопроса считаем что такой возможности нет.

[yarnstart]

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

Answer 1

[Rsa97]

Если посмотреть, что именно отдаётся по ссылке:
1. normal, 300, cyrillic-ext + cyrillic + greek-ext + greek + vietnamese + latin-ext
2. normal, 300, latin
3. normal, 400, cyrillic-ext + cyrillic + greek-ext + greek + vietnamese + latin-ext
4. normal, 400, latin
5. normal, 500, cyrillic-ext + cyrillic + greek-ext + greek + vietnamese + latin-ext
6. normal, 500, latin
7. normal, 700, cyrillic-ext + cyrillic + greek-ext + greek + vietnamese + latin-ext
8. normal, 700, latin

Comments

[Андрей Федоров]

Почему отдаются normal, 300, cyrillic-ext + cyrillic + greek-ext + greek + vietnamese + latin-ext
по ссылке https://fonts.googleapis.com/css?family=Roboto:300...
Что если нужен только latin?

ps: И кстати это не правда.

[Rsa97]

Андрей Федоров,

Please note that if a client browser supports unicode-range (caniuse.com/#feat=font-unicode-range) the subset parameter is ignored; the browser will select from the subsets supported by the font to get what it needs to render the text.

https://developers.google.com/fonts/docs/getting_s...
Попробуйте использовать параметр text='Ваш набор символов', тогда должны вернуться шрифты, оптимизированные под этот набор.
Например, для text='abc' возвращает только 4 шрифта.

[Андрей Федоров]

Rsa97, это совсем не приемлемо. Кто знает какие символы копирайтеры/маркетологи захотят использовать в текстах.

[Rsa97]

Андрей Федоров, Так им ничто не мешает засунуть туда и символы, которых в Roboto вообще нет.

Answer 2

[Lynn «Кофеман»]

Во-первых, вообще-то отдаваемый CSS зависит от браузера.
Во-вторых, не «грузит», а даёт ссылки. Реально файл шрифта с греческим сабсетом загрузится только если у вас в тексте будут греческие буквы.

В общем в этом месте не нужно пытаться быть умнее гугла.

UPD: И вообще надо переходить на APIv2 https://developers.google.com/fonts/docs/css2