@font-face'i veebifondi generaator
Muutuvad fondid, WOFF2 ja CSS ühe klõpsuga
Looge oma TTF, OTF, WOFF või WOFF2 failid — sealhulgas muutuvad fondid — valige oma seaded ja laadige alla valmis hostimiseks mõeldud komplekt koos WOFF2, WOFF, täieliku stylesheet.css ja elava demo lehega.
Kandke fondid siia või klõpsake, et sirvida
TTF, OTF, WOFF, WOFF2 ja muutuvad fondid — lubatud on mitmed failid
Valitud fondid
Muutmise seaded
See on nimi, mida kasutate oma CSS-is, nagu font-family: 'MyName';. Jätke tühi, et säilitada iga fondi originaalne perekonna nimi failist.
Kontrollib, kuidas tekst kuvatakse, kui webfont laadib.
Tee, mida kasutatakse url(...) sees genereeritud stylesheet'is.
Nipp: vajutage Ctrl+Enter, et genereerida.
Teie webfont pakett on valmis
ZIP sisaldab: muudetud fondid, stylesheet.css ja elav demo.html.
100% kliendipoolne
Muutmine toimub täielikult teie brauseris, kasutades WebAssembly't. Teie fondid ei lae kunagi üles.
Muutuvad fondid ja kõik formaadid
TTF, OTF, WOFF ja WOFF2 sisse — optimeeritud WOFF2 välja, koos täieliku muutuv-fondi telje toega (wght, wdth, slnt, ital).
Tootmisvalmis väljund
Saabub stylesheet.css, kus on õige fondi-kuvamine, valikuline local() ja demo.html, et saaksite komplekti otse oma projekti lisada.
Mis on webfont generaator?
Webfont generaator muudab töölaual või allalaaditud fondifailid (TTF, OTF, WOFF, WOFF2 — sealhulgas kaasaegsed muutuvad fondid) formaatideks, mida brauserid saavad veebis laadida — peamiselt WOFF2 täna, WOFF kui pärand tagasipöördumine — ja toodab vastavad CSS @font-face deklaratsioonid, et saaksite oma veebisaidi tüpograafiat ise hostida.
Miks fondid ise hostida?
Ise hostimine annab teile täieliku kontrolli jõudluse, privaatsuse ja usaldusväärsuse üle. Kolmandate osapoolte päringut Google Fontsile ei ole (kasulik GDPR-i jaoks), ei ole lisanduva DNS-i otsingut, saate faili eelnevalt laadida ja otsustate täpselt, millised kaalud, stiilid ja teljed teie saidiga kaasas on.
Kuidas muutmine töötab
WOFF2 ümbritseb teie TTF/OTF kontuurid Brotli-survestatud konteinerisse, mis on loodud spetsiaalselt veebiks — tavaliselt 30% väiksem kui WOFF ja üle 50% väiksem kui toore TTF. WOFF on vanem zlib-survestatud ümbris, mis on säilinud väga vanade brauserite tagasipöördumiseks. Meie generaator käitab Google'i ametlikku WOFF2 kodeerijat ja dekodeerijat, mis on kompileeritud WebAssembly'le, nii et muutmine toimub kohapeal teie brauseris. Looge WOFF2, mille olete Google Fontsist alla laadinud, ja me dekodeerime selle läbipaistvalt tagasi sfnt konteineriks enne uuesti kodeerimist — te ei pea kunagi originaal TTF-i otsima.
Mida saate komplektis
- Fondid WOFF2 (ja valikuliselt WOFF/TTF) iga üleslaaditud näo jaoks — sealhulgas muutuvad fondid, mis on hoitud ühe väikese failina.
- Täielik stylesheet.css, kus on üks @font-face reegel faili kohta, õiged format() vihjed, fondi-kaalu vahemikud, fondi-stiil, fondi-laotus, fondi-kuvamine ja valikuline local().
- Demo.html leht, et saaksite eelvaadata iga kaalu, stiili ja telge erinevates suurustes enne avaldamist.
- Valikuline Base64 sisestamine, et saata font inline oma CSS-is offline-esimese või ühe faili stsenaariumide jaoks.
Privaatsus ja litsentsimine
Failid ei lahku kunagi teie seadmest — kõik töödeldakse teie brauseris. Veenduge alati, et teie fondi litsents lubab webfonti sisestamist, enne kui avaldate selle oma veebisaidil.