Убедитесь, что текст остается видимым во время загрузки веб-шрифта и не разрешается в анализах скорости страниц Google - PullRequest
0 голосов
/ 20 января 2019

Убедитесь, что текст остается видимым во время загрузки веб-шрифта. Проблема не решается в отчете о скорости страниц Google даже после добавления font-display: fallback в CSS.

Как мне решить проблему?

@font-face {
  font-family: Jura;
  src: url(../fonts/Jura-Regular.eot);
  src: url(../fonts/Jura-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Jura-Regular.woff2) format('woff2'), url(../fonts/Jura-Regular.woff) format('woff'), url(../fonts/Jura-Regular.ttf) format('truetype'), url(../fonts/Jura-Regular.svg#svgFontName) format('svg');
  font-weight: 400;
  font-display: fallback;
}

Ответы [ 2 ]

0 голосов
/ 17 апреля 2019

Я избавился от этого, добавив font-display: swap;

@font-face{
    font-family:FontAwesome;
    font-display: swap;
    src:url(fonts/fontawesome-webfont.eot?v=4.5.0);
}
0 голосов
/ 21 февраля 2019

Я решил эту проблему, добавив правило @ fontface непосредственно между тегами в index.html. Вы также можете попробовать установить отображение шрифта в верхней части правила @ fontface .

font-display: fallback;
font-family: 'Montserrat';
src: local('Montserrat'), url('https://fonts.googleapis.com  /css?family=Montserrat:300,700') format('woff2');
font-style: normal;
font-weight: 700;
...