Верстка · Middle · Запитання 20 з 75
Що робить font-display: swap в @font-face?
- 1Ховає текст, доки вебшрифт не завантажиться, щоб не було мерехтіння
- ✓Правильна відповідь: Одразу показує текст запасним шрифтом, а після завантаження підміняє
- 3Забороняє завантаження шрифту на повільних з'єднаннях і в режимі економії
Пояснення
swap прибирає «невидимий текст» (FOIT): користувач одразу бачить контент запасним шрифтом, потім шрифт змінюється (FOUT). Це може спричинити невеликий зсув макета, його зменшують підбором метрик запасного шрифту (size-adjust). Значення optional дає браузеру право взагалі не використовувати шрифт на повільній мережі.