Я хочу оптимизировать загрузку шрифта Glyphicons для инструмента Google PageSpeed Insights. Мне нужно применить код CSS ниже:
font-display: swap
Вот местоположение моего шрифта: https://www.example.com/themes/custom/bootstrap_subtheme_front_office_old/bootstrap/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2
Я добавил следующий код в style.scss файл моей подтемы, и я скомпилировал тему, но Google по-прежнему говорит, что я должен применить font-display: swap;
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../bootstrap/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2') format('woff2');
font-display: swap;
}
Вот начало моего style.css файла:
@font-face{font-family:Lato;font-style:normal;font-weight:400;src:local("Lato Regular"),local("Lato-Regular"),url(../fonts/lato-v16-latin-ext_latin-regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:local("Lato Bold"),local("Lato-Bold"),url(../fonts/lato-v16-latin-ext_latin-700.woff2) format("woff2");font-display:swap}@font-face{font-family:Lato;font-style:italic;font-weight:400;src:local("Lato Italic"),local("Lato-Italic"),url(../fonts/lato-v16-latin-ext_latin-italic.woff2) format("woff2");font-display:swap}@font-face{font-family:Glyphicons Halflings;src:url(../bootstrap/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2) format("woff2");font-display:swap}
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
...
Почему font-display: swap не хочет подавать заявку?
https://developers.google.com/speed/pagespeed/insights/?hl=fr&url=https%3A%2F%2Fdev.s1biose.com%2Ffr&tab=desktop