Оптимизиране на шрифтове (font subsetter)

Как да оптимизирате шрифт

1. Проверете лиценза. Подмножеството създава променено копие на шрифта. Отворените лицензи, като SIL Open Font License (OFL) и Apache 2.0, го позволяват; много търговски лицензи за настолна и уеб употреба не го позволяват или го позволяват само при условия. Първо прочетете лиценза на шрифта си.
2. Пуснете файл TTF, OTF или WOFF в зоната за пускане или щракнете върху нея, за да изберете. Панелът Оригинален шрифт показва семейството, формата, размера на файла, броя на глифовете и броя на знаците, които шрифтът съпоставя.
3. Изберете Знаци за запазване: Основна латиница, Latin-1, Латиница, както в Google Fonts, Френски и Цифри и знаци за числа могат да се комбинират. Добавете свои знаци в Знаци от текст (запазва се всеки различен знак от текста) или в Unicode диапазони, записани като в CSS: U+0020-007E, U+2013, U+04??.
4. Отметнете Премахни hinting, ако искате възможно най-малък файл.
5. Щракнете върху Създай подмножество. Машината (около 650 KB) се зарежда първия път, после шрифтът се обработва на вашето устройство.
6. Сравнете размерите в Резултат, погледнете Преглед на подмножеството, после използвайте Изтегли TTF (или OTF) и Изтегли WOFF и копирайте правилото CSS @font-face.

Файлът с шрифта никога не напуска вашия компютър: чете се, обработва се и се пакетира отново в браузъра.

За български текст

Няма готов набор за кирилица, затова за български добавете знаците сами: поставете текста на страницата си в Знаци от текст или въведете U+0400-04FF в Unicode диапазони, за да запазите цялата кирилица. На български страници по подразбиране е отметнат френският набор (латиница с ударения), затова махнете го, ако не ви трябва. Ако шрифтът няма кирилица, редът Липсват в шрифта ще изброи знаците, които не са намерени.

Какво прави подмножеството

Шрифтът често съдържа стотици или хиляди глифове: кирилица, гръцки, виетнамски, символи, алтернативни форми. Една страница на български използва само част от тях. Този инструмент изпълнява hb-subset, програмата за подмножества на текстовата машина HarfBuzz (същия код, използван от Google Fonts и много инструменти за компилиране), компилирана до WebAssembly. Тя запазва глифовете за избраните от вас знаци плюс глифовете, нужни на OpenType функциите, за да ги покажат (лигатури като „fi“, малки главни букви и форми с ударения, когато са достъпни от вашите знаци), и премахва останалите. Кернингът и другите таблици за оформление се съкращават съответно.

Типични резултати: пълен шрифт с латиница, кирилица и гръцки от 300 KB може да падне до 20 или 30 KB за текст на една азбука, а шрифт за лого, ограничен до буквите на една дума, често тежи няколко килобайта.

Редът Липсват в шрифта изброява знаци, които сте поискали, а шрифтът няма. Браузърите ще ги нарисуват с резервен шрифт.

Изходни формати и unicode-range

• TTF/OTF: подмножеството запазва типа контури на оригинала (TrueType или CFF).
• WOFF: същият шрифт, като всяка таблица е компресирана със zlib. Всеки съвременен браузър го чете. Входен WOFF първо се разархивира.
• WOFF2 не е наличен: за неговата Brotli компресия и трансформации на таблици няма енкодер в браузъра, а WOFF2 файлове също не могат да се четат тук. Първо конвертирайте WOFF2 в TTF (например с fontTools). Сървърът ви може също да компресира TTF/OTF с gzip или Brotli в движение.

Правилото CSS @font-face изброява първо WOFF файла, задава font-display: swap и добавя unicode-range, изграден от знаците, които наистина присъстват в подмножеството. С unicode-range браузърът изтегля файла само когато страницата използва някой от тези знаци, така че можете да разделите семейство на няколко файла (например латиница и кирилица) и всеки посетител да зарежда само нужното. Редактирайте Име на font-family, за да съвпада с името, използвано във вашия стилов файл.