Намалување на фонт (subset)

Како да намалите фонт

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.

Датотеката на фонтот никогаш не го напушта вашиот компјутер: се чита, намалува и препакува во прелистувачот.

Што прави намалувањето

Фонтот често содржи стотици или илјадници глифови: кирилица, грчки, виетнамски, симболи, алтернативи. Страница напишана на македонски, англиски или француски користи само дел од нив. Оваа алатка го извршува 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 да одговара на името во вашата стилска датотека.