@font-face Generator webfonta
Varijabilni fontovi, WOFF2 i CSS jednim klikom
Ubaci svoje TTF, OTF, WOFF ili WOFF2 datoteke — uključujući varijabilne fontove — odaberi svoje postavke i preuzmi paket spreman za hostanje s WOFF2, WOFF, kompletnim stylesheet.css i stranicom za demo uživo.
Povucite fontove ovdje ili kliknite za pregledavanje
TTF, OTF, WOFF, WOFF2 i varijabilni fontovi — dopušteno više datoteka
Odabrani fontovi
Postavke konverzije
Ovo je naziv koji ćete koristiti u svom CSS-u, poput font-family: 'MyName';. Ostavite prazno da zadržite izvorni naziv obitelji fonta iz datoteke.
Kontrolira kako se tekst prikazuje dok se webfont učitava.
Putanja korištena unutar url(...) u generiranom stylesheet-u.
Savjet: pritisnite Ctrl+Enter za generiranje.
Vaš paket webfonta je spreman
ZIP sadrži: pretvorene fontove, stylesheet.css i stranicu za demonstraciju.html.
100% na strani klijenta
Konverzija se odvija potpuno u vašem pregledniku koristeći WebAssembly. Vaši fontovi nikada nisu učitani.
Varijabilni fontovi & svi formati
TTF, OTF, WOFF i WOFF2 u — optimizirani WOFF2 van, s punom podrškom za varijabilne font osovine (wght, wdth, slnt, ital).
Izlaz spreman za proizvodnju
Šalje stylesheet.css s pravim font-display, opcionalnim local() i demo.html tako da možete ubaciti paket izravno u svoj projekt.
Što je generator webfonta?
Generator webfontova pretvara desktop ili preuzete font datoteke (TTF, OTF, WOFF, WOFF2 — uključujući moderne varijabilne fontove) u formate koje preglednici mogu učitati putem interneta — prvenstveno WOFF2 danas, s WOFF kao naslijeđenom rezervom — i proizvodi odgovarajuće CSS @font-face deklaracije tako da možete samostalno hostati tipografiju vaše web stranice.
Zašto samostalno hostati fontove?
Samostalno hostanje daje vam potpunu kontrolu nad performansama, privatnošću i pouzdanošću. Nema zahtjeva treće strane prema Google Fontovima (korisno za GDPR), nema dodatne DNS pretrage, možete unaprijed učitati datoteku, i vi odlučujete točno koje težine, stilovi i osi se šalju s vašom stranicom.
Kako funkcionira konverzija
WOFF2 omotava vaše TTF/OTF konture u Brotli-komprimirani kontejner dizajniran posebno za web — obično 30 % manji od WOFF-a i više od 50 % manji od sirovog TTF-a. WOFF je stariji zlib-komprimirani omotač, zadržan kao rezervna opcija za vrlo stare preglednike. Naš generator koristi službeni Googleov WOFF2 kodirnik i dekodirnik kompajliran u WebAssembly, tako da se konverzija odvija lokalno unutar vašeg preglednika. Ubacite WOFF2 koji ste preuzeli s Google Fontova i mi ga transparentno dekodiramo natrag u sfnt kontejner prije ponovnog kodiranja — nikada ne morate tražiti izvorni TTF.
Što dobivate u paketu
- Fontovi u WOFF2 (i opcionalno WOFF/TTF) za svaki učitani oblik — uključujući varijabilne fontove zadržane kao jedna mala datoteka.
- Potpuni stylesheet.css s jednom @font-face pravilom po datoteci, ispravnim format() naznakama, rasponima font-weight, font-style, font-stretch, font-display i opcionalnim local().
- Demo.html stranica tako da možete pregledati svaku težinu, stil i os u više veličina prije nego što postavite uživo.
- Opcionalna Base64 ugradnja za isporuku fonta unutar vašeg CSS-a za offline-prvo ili jedinstvene datoteke.
Privatnost i licenciranje
Datoteke nikada ne napuštaju vaš uređaj — sve se obrađuje u vašem pregledniku. Uvijek se pobrinite da licenca vašeg fonta dopušta ugradnju webfonta prije nego što ga objavite na svojoj web stranici.