Однако проблема заключается в том, что шрифт, похоже, загружается снова после загрузки таблицы стилей, вообще не используя предварительную загрузку.
Когда я искал, как это исправить, я видел один комментарий, который предполагал, что это ошибка Chromium, однако такое поведение происходит и в Firefox.
В консоли я см.:
Ресурс был предварительно загружен с использованием предварительной загрузки ссылки, но не использовался в течение нескольких секунд после события загрузки окна. Пожалуйста, убедитесь, что он имеет соответствующее значение as и он предварительно загружен намеренно.
Я наблюдаю следующее: шрифт загружается примерно через 1 секунду после загрузки страницы, и мой клиент этим не доволен. Если бы браузер использовал предварительно загруженные шрифты, этого бы не произошло.
Код: Выделить всё
Ниже показано содержимое файла Searchlight.css.
Код: Выделить всё
@font-face {
font-family: 'Searchlight';
src: local('Searchlight'), local('SearchlightRegular'),
url('path to SearchlightRegular.woff2') format('woff2'),
url('path to SearchlightRegular.woff') format('woff'),
url('path to SearchlightRegular.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
.font-searchlight {
font-family: 'Searchlight', serif;
}

Я думаю, что это можно исправить, поскольку я видел сайты, шрифты которых загружаются сразу (или просто очень быстро). Ничего из того, что я нашел за последние 30 минут поиска, мне не помогло.
Подробнее здесь: https://stackoverflow.com/questions/704 ... n-a-few-se
Мобильная версия