@font-face Generator spletnih pisav
Spremenljive pisave, WOFF2 in CSS z enim klikom
Spustite svoje TTF, OTF, WOFF ali WOFF2 datoteke — vključno s spremenljivimi pisavami — izberite svoje nastavitve in prenesite paket, pripravljen za gostovanje, z WOFF2, WOFF, popolno stylesheet.css in živo demo stran.
Spustite pisave sem ali kliknite za iskanje
TTF, OTF, WOFF, WOFF2 in spremenljive pisave — dovoljeni so več datotek
Izbrane pisave
Nastavitve pretvorbe
To je ime, ki ga boste uporabili v svojem CSS, kot je font-family: 'MojeIme';. Pustite prazno, da obdržite izvirno ime družine pisave iz datoteke.
Nadzoruje, kako je besedilo prikazano med nalaganjem spletne pisave.
Pot, uporabljena znotraj url(...) v ustvarjenem stylesheetu.
Nasvet: pritisnite Ctrl+Enter za generiranje.
Vaš paket spletnih pisav je pripravljen
ZIP vsebuje: pretvorjene pisave, stylesheet.css in živo demo.html.
100% na strani odjemalca
Pretvorba poteka v celoti v vašem brskalniku z uporabo WebAssembly. Vaše pisave nikoli niso naložene.
Spremenljive pisave in vsi formati
TTF, OTF, WOFF in WOFF2 v — optimiziran WOFF2 ven, s polno podporo za osi spremenljivih pisav (wght, wdth, slnt, ital).
Izhod, pripravljen za proizvodnjo
Izda stylesheet.css s pravim prikazom pisave, neobvezno lokal() in demo.html, tako da lahko paket preprosto vključite v svoj projekt.
Kaj je generator spletnih pisav?
Generator spletnih pisav pretvori datoteke pisav za namizje ali prenesene pisave (TTF, OTF, WOFF, WOFF2 — vključno s sodobnimi spremenljivimi pisavami) v formate, ki jih brskalniki lahko naložijo prek spleta — predvsem WOFF2 danes, z WOFF kot rezervno možnostjo — in proizvaja ustrezne CSS @font-face izjave, tako da lahko sami gostite tipografijo svoje spletne strani.
Zakaj sami gostiti pisave?
Samo-gostovanje vam daje popoln nadzor nad zmogljivostjo, zasebnostjo in zanesljivostjo. Ni nobenega zahtevka tretje osebe do Google Fonts (koristno za GDPR), nobenega dodatnega DNS iskanja, lahko prednaložite datoteko in natančno določite, katere teže, slogi in osi bodo vključene v vašo stran.
Kako deluje pretvorba
WOFF2 ovije vaše TTF/OTF obrise v kontejner, stisnjen z Brotli, zasnovan posebej za splet — običajno 30 % manjši od WOFF in več kot 50 % manjši od surovega TTF. WOFF je starejši ovitek, stisnjen z zlib, ki ostaja kot rezervna možnost za zelo stare brskalnike. Naš generator uporablja uradni WOFF2 kodirnik in dekodirnik podjetja Google, skompiliran v WebAssembly, tako da se pretvorba zgodi lokalno v vašem brskalniku. Spustite WOFF2, ki ste ga prenesli iz Google Fonts, in ga prozorno dekodiramo nazaj v sfnt kontejner, preden ga ponovno kodiramo — nikoli vam ni treba iskati izvirnega TTF.
Kaj dobite v paketu
- Pisave v WOFF2 (in po želji WOFF/TTF) za vsako naloženo obliko — vključno s spremenljivimi pisavami, ki ostanejo kot ena majhna datoteka.
- Popoln stylesheet.css z eno @font-face pravilo na datoteko, pravilni format() namigi, obsegi font-weight, font-style, font-stretch, font-display in neobvezno lokal().
- Stran demo.html, da lahko predogledate vsako težo, slog in os v več velikostih pred objavo.
- Neobvezna Base64 vdelava za pošiljanje pisave v vrstici v vašem CSS za scenarije brez povezave ali enotne datoteke.
Zasebnost in licenciranje
Datoteke nikoli ne zapustijo vaše naprave — vse se obdeluje v vašem brskalniku. Vedno se prepričajte, da licenca vaše pisave dovoljuje vdelavo spletnih pisav, preden jo objavite na svoji spletni strani.