Интернет |
Помогите подключить шрифт через google fonts
Здравствуйте, уважаемые форумчане
Прошу помочь оптимизировать загрузку шрифтов с гугла а не с сервера.
Googlepage speed ругается на загрузку в 1,23 сек она идет локально с папки /fonts/ да и еще без <link rel=preload>
Я готов вырезать с стиля этот код, и вставить сразу в шапку google шрифты <link rel=preload> если я правильно понимаю то нужно подключить три шрифта pt_sans_regular-webfont, pt_sans_regular-webfont.woff, pt_sans_bold-webfont
Или семейство PT Sans Bold и PT Sans Regular
В стилях css вот такой код:
Подскажите пожалуйста, как подключить нужны скрипты с отложкой <link rel=preload> или 'dns-prefetch' ?
Спасибо большое.
---------- Добавлено 11.11.2019 в 19:41 ----------
И еще один скриншот с диагностики по шрифтам, просят использовать свойство CSS font-display это как?
Прошу помочь оптимизировать загрузку шрифтов с гугла а не с сервера.
Googlepage speed ругается на загрузку в 1,23 сек она идет локально с папки /fonts/ да и еще без <link rel=preload>
Я готов вырезать с стиля этот код, и вставить сразу в шапку google шрифты <link rel=preload> если я правильно понимаю то нужно подключить три шрифта pt_sans_regular-webfont, pt_sans_regular-webfont.woff, pt_sans_bold-webfont
Или семейство PT Sans Bold и PT Sans Regular
В стилях css вот такой код:
PHP код:
/* `FontFace
-----------------------------------------------------------------------------------*/
@font-face {
font-family: 'PT Sans Regular';
src: url('../fonts/pt_sans_regular-webfont.eot');
src: url('../fonts/pt_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
/*url('../fonts/pt_sans_regular-webfont.woff') format('woff'),*/
url('../fonts/pt_sans_regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PT Sans Bold';
src: url('../fonts/pt_sans_bold-webfont.eot');
src: url('../fonts/pt_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/pt_sans_bold-webfont.woff') format('woff'),
url('../fonts/pt_sans_bold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
Спасибо большое.
---------- Добавлено 11.11.2019 в 19:41 ----------
И еще один скриншот с диагностики по шрифтам, просят использовать свойство CSS font-display это как?