Помогите подключить шрифт через google fonts

machoster
На сайте с 07.09.2011
Offline
131
295

Здравствуйте, уважаемые форумчане

Прошу помочь оптимизировать загрузку шрифтов с гугла а не с сервера.

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 вот такой код:

/* `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;

}

Подскажите пожалуйста, как подключить нужны скрипты с отложкой <link rel=preload> или 'dns-prefetch' ?

Спасибо большое.

---------- Добавлено 11.11.2019 в 19:41 ----------

И еще один скриншот с диагностики по шрифтам, просят использовать свойство CSS font-display это как?

«MACHOSTER (https://machoster.eu)» — Хостинг серверов в Европе - 15 лет вместе.
nezabor
На сайте с 19.07.2010
Offline
152
#1

а вот так пряма с сайта гугула

<link href="https://fonts.googleapis.com/css?family=PT+Sans&display=swap" rel="stylesheet">
Чудес не бывает...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий