Верстка · Senior · Запитання 17 з 75
Які техніки зменшують вагу та вплив кастомного вебшрифту на продуктивність?
- 1Конвертувати шрифт у PNG-спрайт і малювати літери фоном
- 2Підключати всі накреслення одразу, щоб браузер закешував їх заздалегідь
- ✓Правильна відповідь: WOFF2, subsetting,
preloadосновного накреслення йfont-display
Пояснення
WOFF2 стискається найкраще. Subsetting прибирає непотрібні символи (наприклад, лишаючи тільки кирилицю й латиницю), а unicode-range дає браузеру змогу завантажувати лише потрібні підмножини. preload прискорює завантаження основного накреслення, font-display прибирає невидимий текст. Варіативний шрифт замінює кілька файлів накреслень одним. У Next.js багато чого робить next/font.