@organica

Как настроить показ текста во время загрузки веб-шрифтов, @font-face не работает?

Господа, от безысходности пишу вопрос здесь т.к. своими силами уже не знаю куда копать в решении проблемы.
PageSpeed гугла упорно ругается на "Настройте показ всего текста во время загрузки веб-шрифтов".
URL Потенциальная экономия данных (КБ)
…roboto/Roboto-Light.woff2 80 ms
…roboto/Roboto-Bold.woff2 230 ms
…roboto/Roboto-Regular.woff2 230 ms


В Style.css
@font-face {
    font-display: swap;
    font-family: 'Roboto-Bold';
    src: local('Roboto'),
    url('../font/roboto/Roboto-Bold.woff2') format('woff2')
}
@font-face {
    font-display: swap;
    font-family: 'Roboto-Light';
    src: local('Roboto'),
    url('../font/roboto/Roboto-Light.woff2') format('woff2')
}
@font-face {
    font-display: swap;
    font-family: 'Roboto';
    src: local('Roboto'),
    url('../font/roboto/Roboto-Regular.woff2') format('woff2')
}

html {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}


Вроде и @font-face сделан, и fallback шрифт есть, а ошибка никуда не уходит. В связи с этим десктопная версия сайта выдает 92 балла, а мобильная 40-45
  • Вопрос задан
  • 328 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
23 авг. 2019, в 17:54
70000 руб./за проект
05 сент. 2019, в 14:46
25000 руб./за проект
17 сент. 2019, в 12:51
400 руб./в час