@font-face Генератор на вебфонт
Променливи фонтови, WOFF2 и CSS со еден клик
Паднете ги вашите TTF, OTF, WOFF или WOFF2 датотеки - вклучувајќи променливи фонтови - изберете ги вашите поставки и преземете готов пакет за хостинг со WOFF2, WOFF, комплетен stylesheet.css и страница за демонстрација.
Паднете фонтови тука или кликнете за да пребарувате
TTF, OTF, WOFF, WOFF2 и променливи фонтови - дозволени се повеќе датотеки
Избрани фонтови
Поставки за конверзија
Ова е името што ќе го користите во вашиот CSS, како font-family: 'MyName';. Оставете празно за да го задржите оригиналното име на фамилијата на секој фонт од датотеката.
Контролира како текстот се прикажува додека вебфонтот се вчитува.
Патека користена во url(...) во генерираниот стилски лист.
Совет: притиснете Ctrl+Enter за да генерирате.
Вашиот пакет на вебфонт е готов
ZIP содржи: конвертирани фонтови, stylesheet.css и страница за демонстрација.html.
100% на клиентска страна
Конверзијата се извршува целосно во вашиот прелистувач користејќи WebAssembly. Вашите фонтови никогаш не се качуваат.
Променливи фонтови & сите формати
TTF, OTF, WOFF и WOFF2 во - оптимизиран WOFF2 надвор, со целосна поддршка за оски на променливи фонтови (wght, wdth, slnt, ital).
Излез подготвен за продукција
Испорачува stylesheet.css со правилниот font-display, опционално локално() и demo.html за да можете да го поставите пакетот директно во вашиот проект.
Што е генератор на вебфонт?
Генераторот на вебфонт претвора десктоп или преземени датотеки со фонтови (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 за офлајн-прв или еднодатотечни сценарија.
Приватност и лиценцирање
Датотеките никогаш не ја напуштаат вашата уред - сè се обработува во вашиот прелистувач. Винаги проверувајте дали лиценцата на вашиот фонт дозволува вметнување на вебфонт пред да го објавите на вашата веб-страница.