@font-face Generator webfontova
Varijantni fontovi, WOFF2 i CSS jednim klikom
Pustite svoje TTF, OTF, WOFF ili WOFF2 datoteke — uključujući varijantne fontove — odaberite svoje postavke i preuzmite paket spreman za hostovanje sa WOFF2, WOFF, kompletnim stylesheet.css i stranicom za uživo prikaz.
Pustite fontove ovdje ili kliknite za pretraživanje
TTF, OTF, WOFF, WOFF2 i varijantni fontovi — dozvoljene više datoteka
Odabrani fontovi
Postavke konverzije
Ovo je ime koje ćete koristiti u svom CSS-u, kao font-family: 'MyName';. Ostavite prazno da zadržite originalno ime font-familije iz datoteke.
Kontrolira kako se tekst prikazuje dok se webfont učitava.
Putanja korištena unutar url(...) u generisanom stylesheet-u.
Savjet: pritisnite Ctrl+Enter za generisanje.
Vaš paket webfontova je spreman
ZIP sadrži: konvertovane fontove, stylesheet.css i stranicu za demo.html.
100% na strani klijenta
Konverzija se odvija potpuno u vašem pregledaču koristeći WebAssembly. Vaši fontovi nikada nisu otpremljeni.
Varijantni fontovi & svi formati
TTF, OTF, WOFF i WOFF2 u — optimizovan WOFF2 van, sa punom podrškom za varijantne fontove (wght, wdth, slnt, ital).
Izlaz spreman za proizvodnju
Isporučuje stylesheet.css sa pravim font-display, opcionalnim local() i demo.html tako da možete odmah ubaciti paket u svoj projekat.
Šta je generator webfontova?
Generator webfontova pretvara desktop ili preuzete datoteke fontova (TTF, OTF, WOFF, WOFF2 — uključujući moderne varijantne fontove) u formate koje pregledači mogu učitati preko weba — prvenstveno WOFF2 danas, sa WOFF kao rezervom — i proizvodi odgovarajuće CSS @font-face deklaracije tako da možete samostalno hostovati tipografiju vaše web stranice.
Zašto samostalno hostovati fontove?
Samostalno hostovanje vam daje potpunu kontrolu nad performansama, privatnošću i pouzdanošću. Nema zahtjeva treće strane za Google Fonts (korisno za GDPR), nema dodatnog DNS pretraživanja, možete unaprijed učitati datoteku, i vi odlučujete tačno koje težine, stilovi i osi se isporučuju sa vašom stranicom.
Kako funkcioniše konverzija
WOFF2 obavija vaše TTF/OTF konture u Brotli-kompresovanu posudu dizajniranu posebno za web — obično 30 % manja od WOFF-a i više od 50 % manja od sirovog TTF-a. WOFF je stariji zlib-kompresovani omotač, zadržan kao rezerva za veoma stare pregledače. Naš generator pokreće Google-ov službeni WOFF2 enkoder i dekoder kompajliran u WebAssembly, tako da se konverzija dešava lokalno unutar vašeg pregledača. Pustite WOFF2 koji ste preuzeli sa Google Fonts i mi ga transparentno dekodiramo nazad u sfnt posudu prije ponovnog kodiranja — nikada ne morate tražiti originalni TTF.
Šta dobijate u paketu
- Fontovi u WOFF2 (i opcionalno WOFF/TTF) za svaku otpremljenu facu — uključujući varijantne fontove koji se čuvaju kao jedna mala datoteka.
- Kompletan stylesheet.css sa jednim @font-face pravilom po datoteci, ispravnim format() nagoveštajima, rasponima font-weight, font-style, font-stretch, font-display i opcionalnim local().
- Stranica demo.html tako da možete pregledati svaku težinu, stil i os na više veličina pre nego što postavite uživo.
- Opcionalna Base64 ugradnja za isporuku fonta unutar vašeg CSS-a za offline-prvo ili jedinstvene datoteke.
Privatnost & licenciranje
Datoteke nikada ne napuštaju vaš uređaj — sve se obrađuje u vašem pregledaču. Uvijek se pobrinite da licenca vašeg fonta dozvoljava ugradnju webfonta prije nego što ga objavite na svojoj web stranici.