Webfont Generatorius

@font-face Webfont Generatorius

Kintami šriftai, WOFF2 ir CSS vienu paspaudimu

Įdėkite savo TTF, OTF, WOFF arba WOFF2 failus — įskaitant kintamus šriftus — pasirinkite savo nustatymus ir atsisiųskite paruoštą talpinimui paketą su WOFF2, WOFF, pilnu stylesheet.css ir gyvu demo puslapiu.

Nukelkite šriftus čia arba spustelėkite, kad naršytumėte

TTF, OTF, WOFF, WOFF2 ir kintami šriftai — leidžiami keli failai

100% kliento pusėje

Konversija vyksta visiškai jūsų naršyklėje naudojant WebAssembly. Jūsų šriftai niekada nėra įkeliami.

Kintami šriftai & visi formatai

TTF, OTF, WOFF ir WOFF2 į — optimizuotas WOFF2 iš, su pilnu kintamo šrifto ašies palaikymu (wght, wdth, slnt, ital).

Produkcijai paruoštas išvestis

Siunčia stylesheet.css su teisingu font-display, pasirenkamu local() ir demo.html, kad galėtumėte tiesiogiai įdėti paketą į savo projektą.

Kas yra webfont generatorius?

Interneto šriftų generatorius paverčia darbalaukio arba atsisiųstus šrifto failus (TTF, OTF, WOFF, WOFF2 — įskaitant modernius kintamus šriftus) į formatus, kuriuos naršyklės gali įkelti per internetą — pirmiausia WOFF2 šiandien, su WOFF kaip senesniu atsarginiu variantu — ir sukuria atitinkančias CSS @font-face deklaracijas, kad galėtumėte savarankiškai talpinti savo svetainės tipografiją.

Kodėl savarankiškai talpinti šriftus?

Savęs talpinimas suteikia jums visišką kontrolę dėl našumo, privatumo ir patikimumo. Nėra trečiųjų šalių užklausos į Google Fonts (naudinga GDPR), nėra papildomos DNS paieškos, galite išankstinio įkelti failą, ir jūs nusprendžiate, kurie svoriai, stiliai ir ašys bus siunčiami su jūsų svetaine.

Kaip veikia konversija

WOFF2 apvynioja jūsų TTF/OTF kontūrus į Brotli suspaustą konteinerį, sukurtą specialiai internetui — paprastai 30 % mažesnį nei WOFF ir daugiau nei 50 % mažesnį nei žali TTF. WOFF yra senesnis zlib suspaustas apvalkalas, laikomas kaip atsarginis variantas labai senoms naršyklėms. Mūsų generatorius naudoja oficialų Google WOFF2 koduotuvą ir dekodatorių, sudarytą WebAssembly, todėl konversija vyksta lokaliai jūsų naršyklėje. Įdėkite WOFF2, kurį atsisiuntėte iš Google Fonts, ir mes skaidriai dekoduojame jį atgal į sfnt konteinerį prieš vėl koduodami — jums niekada nereikės ieškoti originalaus TTF.

Ką gaunate pakete

  • Šriftai WOFF2 (ir pasirenkamai WOFF/TTF) kiekvienam įkeltam veidui — įskaitant kintamus šriftus, laikomus kaip vieną mažą failą.
  • Pilnas stylesheet.css su viena @font-face taisykle kiekvienam failui, teisingais format() užuominomis, font-weight intervalais, font-style, font-stretch, font-display ir pasirenkamu local().
  • Demo.html puslapis, kad galėtumėte peržiūrėti kiekvieną svorį, stilių ir ašį keliais dydžiais prieš eidami gyvai.
  • Neprivalomas Base64 įterpimas, kad šriftas būtų siunčiamas tiesiai jūsų CSS, skirtas offline-first arba vieno failo scenarijams.

Privatumas ir licencijavimas

Failai niekada nepasišalina iš jūsų įrenginio — viskas apdorojama jūsų naršyklėje. Visada įsitikinkite, kad jūsų šrifto licencija leidžia webfont įterpimą prieš skelbdami jį savo svetainėje.

Dažnai užduodami klausimai