Generátor webových písem

@font-face generátor webových písem

Variabilní písma, WOFF2 a CSS na jedno kliknutí

Vložte své soubory TTF, OTF, WOFF nebo WOFF2 — včetně variabilních písem — vyberte svá nastavení a stáhněte si připravený balíček k hostování s WOFF2, WOFF, kompletním stylesheet.css a živou demo stránkou.

Přetáhněte písma sem nebo klikněte pro procházení

TTF, OTF, WOFF, WOFF2 a variabilní písma — povolené více souborů

100% na straně klienta

Konverze probíhá zcela ve vašem prohlížeči pomocí WebAssembly. Vaše písma nikdy nejsou nahrávána.

Variabilní písma & všechny formáty

TTF, OTF, WOFF a WOFF2 v — optimalizovaný WOFF2 ven, s plnou podporou osy variabilního písma (wght, wdth, slnt, ital).

Výstup připravený k produkci

Dodává stylesheet.css se správným font-display, volitelným local() a demo.html, takže můžete vložit balíček přímo do svého projektu.

Co je generátor webových písem?

Generátor webových písem převádí desktopové nebo stažené soubory písem (TTF, OTF, WOFF, WOFF2 — včetně moderních variabilních písem) do formátů, které mohou prohlížeče načíst přes web — primárně WOFF2 dnes, s WOFF jako záložním řešením — a vytváří odpovídající CSS @font-face deklarace, takže můžete hostovat typografii své webové stránky.

Proč hostit písma sami?

Samo-hosting vám dává plnou kontrolu nad výkonem, soukromím a spolehlivostí. Neexistuje žádný požadavek třetí strany na Google Fonts (užitečné pro GDPR), žádné další DNS vyhledávání, můžete soubor přednačíst a přesně rozhodnout, které hmotnosti, styly a osy se dodají s vaší stránkou.

Jak konverze funguje

WOFF2 obaluje vaše TTF/OTF obrysy do kontejneru komprimovaného pomocí Brotli, navrženého speciálně pro web — typicky o 30 % menší než WOFF a více než 50 % menší než surové TTF. WOFF je starší zlib-komprimovaný obal, který je uchováván jako záložní řešení pro velmi staré prohlížeče. Náš generátor používá oficiální WOFF2 enkodér a dekodér od Googlu, zkompilovaný do WebAssembly, takže konverze probíhá lokálně uvnitř vašeho prohlížeče. Vložte WOFF2, který jste stáhli z Google Fonts, a my ho transparentně dekódujeme zpět do kontejneru sfnt před opětovným enkódováním — nikdy nemusíte hledat původní TTF.

Co získáte v balíčku

  • Písma ve WOFF2 (a volitelně WOFF/TTF) pro každý nahraný obličej — včetně variabilních písem uchovaných jako jeden malý soubor.
  • Úplný stylesheet.css s jedním pravidlem @font-face na soubor, správné formát() nápovědy, rozsahy font-weight, font-style, font-stretch, font-display a volitelný local().
  • Demo.html stránka, abyste mohli před uvedením do provozu zobrazit každou hmotnost, styl a osu v několika velikostech.
  • Volitelné vložení Base64 pro odeslání písma inline ve vašem CSS pro offline-první nebo jednofilové scénáře.

Soukromí & licencování

Soubory nikdy neopustí vaše zařízení — vše je zpracováno ve vašem prohlížeči. Vždy se ujistěte, že licence vašeho písma umožňuje vložení webového písma před jeho publikováním na vaší webové stránce.

Často kladené otázky