Как включить font-display для Google шрифтов?

Question

[Анатолий]

developers.google.com/speed/pagespeed/ говорит:
Чтобы пользователь мог видеть текст, пока веб-шрифты не загрузились, используйте функцию отображения шрифтов CSS

Вопрос, а как мне ее включить если я использую гугл шрифты?

Подключены так

@import url('https://fonts.googleapis.com/css?family=Exo+2:500,600|Noto+Sans&subset=cyrillic');

Answer 1

[Сергей delphinpro]

Откройте адрес в браузере https://fonts.googleapis.com/css?family=Exo+2:500,...
Скопируйте содержимое себе в файл
Добавьте font-display
Импорт уберите

Comments

[iBird Rose]

Плохая идея. Я как-то проверял даже. Ссылки, которые ведут на .woff2 файлы со временем меняются. Причем старое просто удаляется. Т.е. к примеру через месяц шрифт просто перестанет работать.

[Анатолий]

iBird Rose, а Вы как решили это вопрос?
Шрифты выкачали на сервер или как обычно подгружаете через import?

[iBird Rose]

Анатолий, пока не приходилось решать такие вопросы. font-display применял также тока на локально расположенные шрифты. ну если че в голову придет - напишу

[Сергей delphinpro]

iBird Rose, ну тогда дернуть wget'ом все шрифты по ссылкам и сохранить локально у себя.

[ilovemaryjane]

Сергей delphinpro, ищите себе геморрой. Не проще ли скачать оригиналы официально и переконвертить в woff/woff2

[Анатолий]

проще, но может чего подскажут, чего еще не знаю )

[Сергей delphinpro]

ilovemaryjane, нет не проще. Оригиналы нужно найти, скачать, сконвертить. А тут только вбить строчку в консоли.

[ilovemaryjane]

Сергей delphinpro, зачем их искать?



И там не просто вбить строчку в консоли.

[Анатолий]

Сергей delphinpro, да, зачем их искать?
Они в том же css-файле @import указаны, копируешь строчку в браузер и скачаешь, с конвертированием проблем тоже нет. CDN гугла интересна только тем, что этот шрифт уже возможно скачен и находится в кеше браузера.

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

[Сергей delphinpro]

ilovemaryjane, о, это да, норм. Я не знал, не видел.