Как загрузить шрифты раньше контента?

Question

[smoky-jo]

здравствуйте, подскажите пожалуйста как загрузить шрифты раньше контента? Гугл постоянно показывает это, но я не пойму как это сделать

https://site.ru/js/awesome/webfonts/fa-solid-900.woff2
https://site.ru/js/awesome/webfonts/fa-regular-400.woff2
https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2
https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2

и т.l

я делал так не работает

@font-face {
font-family: 'opensans';
font-display: auto;
src: local('opensans'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
src: local('roboto'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
}

Comments

[Andrew]

куда вы "это" вставляете?

[smoky-jo]

Andrew, в самое начало основного файла со стилями

Answer 1

[Andrew]

smoky-jo, в консоль выводит что-то? откройте и посмотрите devTools вашего браузера и посмотрите подключены ли шрифты, покликайте по ссылкам которые вы подключили

@font-face {
font-family: 'opensans';
src: url("https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2") format('woff2');
}
@font-face {
font-family: 'roboto';
src: url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2") format('woff2');
}