@font-face Generátor webových písiem
Variabilné písma, WOFF2 a CSS na jedno kliknutie
Vložte svoje TTF, OTF, WOFF alebo WOFF2 súbory — vrátane variabilných písiem — vyberte svoje nastavenia a stiahnite si pripravený balík na hostovanie s WOFF2, WOFF, kompletným stylesheet.css a živou demo stránkou.
Sem vložte písma alebo kliknite na prehľadávanie
TTF, OTF, WOFF, WOFF2 a variabilné písma — povolené viaceré súbory
Vybrané písma
Nastavenia konverzie
Toto je názov, ktorý použijete vo svojom CSS, ako font-family: 'MyName';. Nechajte prázdne, aby ste zachovali pôvodný názov rodiny písma zo súboru.
Ovláda, ako sa text zobrazuje počas načítania webového písma.
Cesta použitá vo vnútri url(...) v generovanom stylesheet.
Tip: stlačte Ctrl+Enter na vygenerovanie.
Váš balík webových písiem je pripravený
ZIP obsahuje: konvertované písma, stylesheet.css a živú demo.html.
100% na strane klienta
Konverzia prebieha úplne vo vašom prehliadači pomocou WebAssembly. Vaše písma nikdy nie sú nahrávané.
Variabilné písma & všetky formáty
TTF, OTF, WOFF a WOFF2 v — optimalizované WOFF2 von, s plnou podporou osí variabilných písiem (wght, wdth, slnt, ital).
Výstup pripravený na produkciu
Zasiela stylesheet.css so správnym font-display, voliteľným local() a demo.html, takže môžete vložiť balík priamo do vášho projektu.
Čo je generátor webových písiem?
Generátor webových písiem prevádza desktopové alebo stiahnuté súbory písiem (TTF, OTF, WOFF, WOFF2 — vrátane moderných variabilných písiem) do formátov, ktoré môžu prehliadače načítať cez web — primárne WOFF2 dnes, s WOFF ako dedičným zálohovaním — a produkuje zodpovedajúce CSS @font-face deklarácie, aby ste mohli samo-hostovať typografiu vašej webovej stránky.
Prečo samostatne hostiť písma?
Samo-hostovanie vám dáva plnú kontrolu nad výkonom, ochranou súkromia a spoľahlivosťou. Neexistuje žiadny požiadavok tretej strany na Google Fonts (užitočné pre GDPR), žiadne extra DNS vyhľadávanie, môžete prednačítavať súbor a presne rozhodujete, ktoré hmotnosti, štýly a osi sa zasielajú s vašou stránkou.
Ako funguje konverzia
WOFF2 obklopuje vaše TTF/OTF kontúry v kontajneri komprimovanom Brotli, navrhnutom špeciálne pre web — typicky o 30 % menší ako WOFF a viac ako 50 % menší ako surové TTF. WOFF je starší zlib-komprimovaný obal, ktorý sa uchováva ako záloha pre veľmi staré prehliadače. Náš generátor spúšťa oficiálny WOFF2 enkodér a dekodér od Googlu skompilovaný do WebAssembly, takže konverzia prebieha lokálne vo vašom prehliadači. Vložte WOFF2, ktorý ste stiahli z Google Fonts a my ho transparentne dekódujeme späť do kontajnera sfnt pred opätovným enkódovaním — nikdy nemusíte hľadať pôvodné TTF.
Čo dostanete v balíku
- Písma vo WOFF2 (a voliteľne WOFF/TTF) pre každý nahraný vzhľad — vrátane variabilných písiem uchovávaných ako jeden malý súbor.
- Úplný stylesheet.css s jedným pravidlom @font-face na súbor, správne formát() nápovedy, rozsahy font-weight, font-style, font-stretch, font-display a voliteľné local().
- Demo.html stránka, aby ste mohli zobraziť každú hmotnosť, štýl a os v rôznych veľkostiach pred spustením.
- Voliteľné Base64 vloženie na odoslanie písma inline vo vašom CSS pre offline-prvý alebo jednofájlové scenáre.
Ochrana súkromia & licencovanie
Súbory nikdy neopustia vaše zariadenie — všetko sa spracováva vo vašom prehliadači. Vždy sa uistite, že licencia vášho písma povoľuje vloženie webového písma pred jeho publikovaním na vašej webovej stránke.