Генератор на вебфонт
@font-face Генератор на вебфонт
Променливи фонтови, WOFF2 и CSS со еден клик
Паднете ги вашите TTF, OTF, WOFF или WOFF2 датотеки - вклучувајќи променливи фонтови - изберете ги вашите поставки и преземете готов пакет за хостинг со WOFF2, WOFF, комплетен stylesheet.css и страница за демонстрација.
Што е генератор на вебфонт?
Генераторот на вебфонт претвора десктоп или преземени датотеки со фонтови (TTF, OTF, WOFF, WOFF2 - вклучувајќи современи променливи фонтови) во форматите што прелистувачите можат да ги вчитуваат преку веб - првенствено WOFF2 денес, со WOFF како наследен резервен - и произведува соодветни CSS @font-face декларации за да можете да се самохостите типографијата на вашата веб-страница.
Зошто самохостинг на фонтови?
Самохостингот ви дава целосна контрола над перформансите, приватноста и доверливоста. Нема барање од трета страна до Google Fonts (корисно за GDPR), нема дополнителен DNS преглед, можете да го претходно вчитате фајлот, и вие одлучувате точно кои тежини, стилови и оски ќе бидат испратени со вашата страница.
Како функционира конверзијата
WOFF2 го обвива вашиот TTF/OTF контурите во контејнер компресиран со Brotli дизајниран специјално за веб - обично 30% помал од WOFF и повеќе од 50% помал од оригиналниот TTF. WOFF е постар zlib-компресиран обвивка, задржана како резервна за многу стари прелистувачи. Нашиот генератор ја користи официјалната WOFF2 кодирачка и декодирачка програма на Google компилирана во WebAssembly, така што конверзијата се случува локално во вашиот прелистувач. Паднете во WOFF2 што сте го презеле од Google Fonts и ние транспарентно го декодираме назад во sfnt контејнер пред повторно кодирање - никогаш не морате да барате оригиналниот TTF.
Што добивате во пакетот
- Фонтови во WOFF2 (и опционално WOFF/TTF) за секоја качена лице - вклучувајќи променливи фонтови задржани како една мала датотека.
- Комплетен stylesheet.css со едно @font-face правило по датотека, правилните format() индикации, опсези на font-weight, font-style, font-stretch, font-display и опционално локално().
- Страница demo.html за да можете да прегледате секоја тежина, стил и оска на повеќе големини пред да одите во живо.
- Опционално Base64 вметнување за испраќање на фонтот инлајн во вашиот CSS за офлајн-прв или еднодатотечни сценарија.
Приватност и лиценцирање
Датотеките никогаш не ја напуштаат вашата уред - сè се обработува во вашиот прелистувач. Винаги проверувајте дали лиценцата на вашиот фонт дозволува вметнување на вебфонт пред да го објавите на вашата веб-страница.