Настройте показ всего текста во время загрузки веб-шрифтов

[ilija1985 0]

Всем огромный привет!

Уважаемые знатоки, пытаюсь подтянуть сайт wolcha.ru по Google PageSpeed . 

 

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

Кто-то сталкивался? 🤔

Font.css сейчас выглядит так:

@font-face {
    font-family: 'GothaPro';
    src: url('GothaProBol.eot');
    src: local('☺'), url('GothaProBol.woff') format('woff'), url('GothaProBol.ttf') format('truetype'), url('GothaProBol.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GothaPro';
    src: url('GothaProBolIta.eot');
    src: local('☺'), url('GothaProBolIta.woff') format('woff'), url('GothaProBolIta.ttf') format('truetype'), url('GothaProBolIta.svg') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'GothaPro';
    src: url('GothaProIta.eot');
    src: local('☺'), url('GothaProIta.woff') format('woff'), url('GothaProIta.ttf') format('truetype'), url('GothaProIta.svg') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'GothaPro';
    src: url('GothaProReg.eot');
    src: local('☺'), url('GothaProReg.woff') format('woff'), url('GothaProReg.ttf') format('truetype'), url('GothaProReg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

 

Буду благодарен за помощь!

• 
   

 

Изменено 7 октября 2019 пользователем ilija1985
грамматика

[alex32 942]

в style.css замени 

@import "../fonts/font.css";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

на

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: sans-serif;
}
@import "../fonts/font.css";

 

[ilija1985 0]

18 часов назад, alex32 сказал:

в style.css замени 

@import "../fonts/font.css";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

на

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: sans-serif;
}
@import "../fonts/font.css";

 

Огромное спасибо!!!!

Всё работает!

Гугл пишет, что сжатие текста включено!