@font-face Generator Webfont
Fonta variabël, WOFF2 dhe CSS me një klikim
Hidhni skedarët tuaj TTF, OTF, WOFF ose WOFF2 — duke përfshirë fontat variabël — zgjidhni cilësimet tuaja dhe shkarkoni një paketë të gatshme për hostim me WOFF2, WOFF, një stylesheet.css të plotë dhe një faqe demo në kohë reale.
Hidhni fontat këtu ose klikoni për të shfletuar
TTF, OTF, WOFF, WOFF2 dhe fonta variabël — lejohet shumë skedarë
Fontat e zgjedhura
Cilësimet e konvertimit
Ky është emri që do të përdorni në CSS tuaj, si font-family: 'MyName';. Lëreni bosh për të mbajtur emrin origjinal të familjes së çdo fonti nga skedari.
Kontrollon se si shfaqet teksti ndërsa webfont është duke u ngarkuar.
Rruga e përdorur brenda url(...) në stylesheet të gjeneruar.
Këshillë: shtypni Ctrl+Enter për të gjeneruar.
Paketa juaj e webfont është gati
ZIP përmban: fontat e konvertuar, stylesheet.css dhe një demo.html në kohë reale.
100% në anën e klientit
Konvertimi funksionon plotësisht në shfletuesin tuaj duke përdorur WebAssembly. Fontat tuaj kurrë nuk ngarkohen.
Fonta variabël & të gjitha formatet
TTF, OTF, WOFF dhe WOFF2 në — WOFF2 të optimizuar jashtë, me mbështetje të plotë për aksin e fontave variabël (wght, wdth, slnt, ital).
Dalja e gatshme për prodhim
Dërgon një stylesheet.css me font-display të duhur, local() opsional dhe një demo.html në mënyrë që të mund të hidhni paketën direkt në projektin tuaj.
Çfarë është një generator webfont?
Një generator webfont kthen skedarët e fontave të desktopit ose të shkarkuar (TTF, OTF, WOFF, WOFF2 — duke përfshirë fontat variabël moderne) në formatet që shfletuesit mund të ngarkojnë përmes internetit — kryesisht WOFF2 sot, me WOFF si rezervë legjendare — dhe prodhon deklaratat përkatëse CSS @font-face në mënyrë që të mund të vetë-hostoni tipografinë e faqes tuaj të internetit.
Pse të vetë-hostoni fontat?
Vetë-hostimi ju jep kontroll të plotë mbi performancën, privatësinë dhe besueshmërinë. Nuk ka kërkesë të palës së tretë për Google Fonts (e dobishme për GDPR), nuk ka kërkesë të shtuar DNS, mund të parashkarkoni skedarin dhe ju vendosni saktësisht cilat pesha, stile dhe aksesh dërgoni me faqen tuaj.
Si funksionon konvertimi
WOFF2 mbështjell skedarët tuaj TTF/OTF në një kontejner të kompresuar Brotli të dizajnuar posaçërisht për internetin — zakonisht 30 % më i vogël se WOFF dhe mbi 50 % më i vogël se TTF i papërpunuar. WOFF është një mbështjellës më i vjetër i kompresuar zlib, i mbajtur si rezervë për shfletuesit shumë të vjetër. Generatori ynë funksionon me koduesin dhe dekoderin zyrtar WOFF2 të Google të kompiluar në WebAssembly, kështu që konvertimi ndodh lokalisht brenda shfletuesit tuaj. Hidhni një WOFF2 që keni shkarkuar nga Google Fonts dhe ne e dekodojmë atë në mënyrë transparente përsëri në një kontejner sfnt para se ta rikodoni — ju kurrë nuk keni nevojë të kërkoni TTF origjinal.
Çfarë merrni në paketë
- Fonta në WOFF2 (dhe opsionalisht WOFF/TTF) për çdo fytyrë të ngarkuar — duke përfshirë fontat variabël të mbajtur si një skedar të vogël.
- Një stylesheet.css e plotë me një rregull @font-face për skedar, sugjerimet e formatit() të sakta, rangjet e font-weight, font-style, font-stretch, font-display dhe local() opsionale.
- Një faqe demo.html në mënyrë që të mund të parashikoni çdo peshë, stil dhe aks në madhësi të shumta para se të shkoni në jetë.
- Embedimi opsional Base64 për të dërguar fontin brenda në CSS tuaj për skenarë offline ose një skedar.
Privatësia & licencimi
Skedarët kurrë nuk dalin nga pajisja juaj — gjithçka përpunohen në shfletuesin tuaj. Sigurohuni gjithmonë që licenca e fontit tuaj lejon embedimin e webfont para se ta publikoni në faqen tuaj të internetit.