Generator Webfont

@font-face Generator Webfont

Fonturi variabile, WOFF2 și CSS într-un singur clic

Lăsați fișierele dvs. TTF, OTF, WOFF sau WOFF2 — inclusiv fonturi variabile — alegeți setările dvs. și descărcați un pachet gata de găzduit cu WOFF2, WOFF, un stylesheet.css complet și o pagină demo live.

Trage fonturile aici sau dă clic pentru a naviga

TTF, OTF, WOFF, WOFF2 și fonturi variabile — mai multe fișiere permise

100% pe partea clientului

Conversia se desfășoară complet în browserul tău folosind WebAssembly. Fonturile tale nu sunt niciodată încărcate.

Fonturi variabile & toate formatele

TTF, OTF, WOFF și WOFF2 în — WOFF2 optimizat afară, cu suport complet pentru axele fonturilor variabile (wght, wdth, slnt, ital).

Ieșire gata pentru producție

Trimite un stylesheet.css cu font-display corect, opțional local() și un demo.html astfel încât să puteți lăsa pachetul direct în proiectul dvs.

Ce este un generator de webfont?

Un generator de fonturi web transformă fișierele de fonturi desktop sau descărcate (TTF, OTF, WOFF, WOFF2 — inclusiv fonturi variabile moderne) în formatele pe care browserele le pot încărca pe web — în principal WOFF2 astăzi, cu WOFF ca fallback legat — și produce declarații CSS @font-face corespunzătoare astfel încât să puteți auto-găzdui tipografia site-ului dvs.

De ce să găzduiești fonturi singur?

Auto-găzduirea vă oferă control total asupra performanței, confidențialității și fiabilității. Nu există cereri de terță parte către Google Fonts (util pentru GDPR), nu există căutări DNS suplimentare, puteți preîncărca fișierul și decideți exact ce greutăți, stiluri și axe sunt trimise cu site-ul dvs.

Cum funcționează conversia

WOFF2 înfășoară contururile TTF/OTF într-un container comprimat Brotli, proiectat special pentru web — de obicei cu 30% mai mic decât WOFF și cu peste 50% mai mic decât TTF-ul brut. WOFF este un wrapper mai vechi comprimat zlib, păstrat ca fallback pentru browsere foarte vechi. Generatorul nostru rulează encoderul și decoderul oficial WOFF2 de la Google compilat în WebAssembly, astfel încât conversia se desfășoară local în interiorul browserului dvs. Lăsați un WOFF2 pe care l-ați descărcat de la Google Fonts și îl decodificăm transparent înapoi într-un container sfnt înainte de a-l re-encoda — nu trebuie să căutați niciodată TTF-ul original.

Ce primești în pachet

  • Fonturi în WOFF2 (și opțional WOFF/TTF) pentru fiecare față încărcată — inclusiv fonturi variabile păstrate ca un singur fișier mic.
  • Un fișier stylesheet.css complet cu o regulă @font-face pe fișier, indicii format() corecți, intervale font-weight, font-style, font-stretch, font-display și opțional local().
  • O pagină demo.html astfel încât să puteți previzualiza fiecare greutate, stil și axă la dimensiuni multiple înainte de a merge live.
  • Includere opțională Base64 pentru a livra fontul inline în CSS-ul tău pentru scenarii offline-first sau single-file.

Intimitate & licențiere

Fișierele nu părăsesc niciodată dispozitivul tău — totul este procesat în browserul tău. Asigură-te întotdeauna că licența fontului tău permite includerea webfont înainte de a-l publica pe site-ul tău.

Întrebări frecvente