/* Загрузка основного шрифта витрины. * * В общем /assets/css/adekvat.css у всех начертаний font-display: swap. Из-за этого * страница сначала рисуется системным шрифтом, а через ~450 мс перерисовывается * Adekvat'ом — текст меняет ширину, и весь первый экран «дёргается». На странице * заказа это давало CLS 0,182 (проверено: при блокировке файлов шрифта — 0,001). * Кеш не помогает: подмена происходит и при тёплом кеше. * * Здесь то же самое объявление повторяется с font-display: optional. Одинаковые * @font-face для одной пары семейство+начертание перекрывают друг друга, и побеждает * последний, поэтому файл подключается ПОСЛЕ adekvat.css и меняет поведение только * на витрине — админка, которая грузит тот же adekvat.css, остаётся как была. * * optional означает: браузер даёт шрифту ~100 мс, и если тот не готов, оставляет * системный до конца загрузки страницы — без перерисовки. Вместе с preload в * шрифт почти всегда успевает, а на медленной сети вместо дёрганья просто системный * шрифт на первой странице. */ @font-face { font-family: 'Adekvat'; font-style: normal; font-weight: 100 900; font-display: optional; src: url('/assets/fonts/adekvat/Adekvat-Variable.woff2') format('woff2-variations'); }