Сабсетер шрифтів — видалення зайвих гліфів
Створюйте підмножини шрифтів TTF, OTF, WOFF і WOFF2 лише з потрібними символами за допомогою HarfBuzz hb-subset. Експорт у WOFF2, WOFF або TTF, економія розміру та попередній перегляд — усе у вашому браузері.
🔒 Працює повністю у вашому браузері — нічого не завантажуєтьсяПрискорте завантаження вебшрифтів, видаливши зайві гліфи
Більшість шрифтів містять значно більше символів, ніж потрібно вебсайту: літери з діакритичними знаками для десятків мов, грецький алфавіт і кирилицю, математичні символи, стрілки та альтернативні форми. Кожен із цих гліфів додає байти, які відвідувачі завантажують, перш ніж ваш текст з’явиться в потрібному шрифті. Створення підмножини (сабсетинг) дає копію шрифту, що містить лише вибрані вами символи, — це може зменшити розмір файлу на 80–95% і помітно покращити швидкість завантаження сторінок і показники Core Web Vitals.
Цей сабсетер використовує hb-subset — той самий рушій HarfBuzz, на який покладається Google Fonts, скомпільований у WebAssembly і запущений у вашому браузері. Він зберігає таблиці розкладки OpenType, що стосуються збережених символів, тож кернінг, лігатури та контекстні форми й надалі працюють. Результат можна зберегти у форматі WOFF2 для вебу, у WOFF або як звичайний TTF чи OTF із тим самим типом контурів, що й у вихідному файлі.
Як вибрати символи, які слід залишити
Для логотипа, заголовка чи шрифту з іконками введіть точний текст — і нічого більше. Для основного тексту почніть із набору Basic Latin і додайте Latin-1 або Latin Extended-A, якщо ваш вміст містить імена з діакритичними знаками чи європейські мови. Для точного контролю скористайтеся полем unicode-range: введіть значення на кшталт U+0000-00FF або U+2000-206F; підтримуються й шаблони на зразок U+4??. Лічильник показує, скільки кодових точок вибрано, а в полі попереднього перегляду можна вільно друкувати — будь-який символ, що відображається системним резервним шрифтом, було вилучено з підмножини.
Згенероване правило @font-face містить дескриптор unicode-range. Браузери використовують його, щоб завантажувати шрифт лише тоді, коли сторінка справді містить ці символи, тож одне сімейство легко розділити на кілька невеликих файлів, наприклад один для латиниці й один для кирилиці. Пам’ятайте, що сабсетинг змінює шрифт, тому перед публікацією результату переконайтеся, що ваша ліцензія це дозволяє. Зберігайте також оригінальний повний файл шрифту, щоб за потреби швидко створити нову підмножину з іншим набором символів для іншої мови чи розділу сайту.
Як користуватися
- Завантажте шрифтПеретягніть файл TTF, OTF, WOFF або WOFF2 у поле або клацніть, щоб вибрати його. Буде показано кількість гліфів і тип контурів.
- Виберіть символиВведіть потрібний текст, позначте набори символів, як-от Basic Latin чи Cyrillic, і за бажання додайте CSS unicode-range.
- Створіть підмножинуВиберіть вихідний формат WOFF2, WOFF або TTF/OTF і натисніть «Create subset». HarfBuzz видалить усі гліфи, які ви не вибрали.
- Перевірте й завантажтеПорівняйте розмір і кількість гліфів, перевірте попередній перегляд із новим шрифтом, а потім завантажте його та скопіюйте CSS.