@font-face Webfont-generator
Variable skrifttyper, WOFF2 og CSS med ett klikk
Slipp inn TTF, OTF, WOFF eller WOFF2-filer — inkludert variable skrifttyper — velg innstillingene dine, og last ned en klar-til-host pakke med WOFF2, WOFF, et komplett stylesheet.css og en live demo-side.
Slipp skrifter her eller klikk for å bla
TTF, OTF, WOFF, WOFF2 og variable skrifttyper — flere filer tillatt
Valgte skrifter
Konverteringsinnstillinger
Dette er navnet du vil bruke i CSS-en din, som font-family: 'MittNavn';. La stå tomt for å beholde hver skrifts originale familienavn fra filen.
Kontrollerer hvordan teksten vises mens webfonten lastes.
Sti brukt inne i url(...) i det genererte stylesheetet.
Tips: trykk Ctrl+Enter for å generere.
Webfont-pakken din er klar
ZIP inneholder: konverterte skrifter, stylesheet.css og en live demo.html.
100% klient-side
Konverteringen skjer helt i nettleseren din ved hjelp av WebAssembly. Skriftene dine blir aldri lastet opp.
Variable skrifttyper & alle formater
TTF, OTF, WOFF og WOFF2 inn — optimalisert WOFF2 ut, med full støtte for variable skrifttyper (wght, wdth, slnt, ital).
Produksjonsklar utdata
Sender et stylesheet.css med riktig font-display, valgfri local() og en demo.html slik at du kan legge pakken direkte inn i prosjektet ditt.
Hva er en webfont-generator?
En webfont-generator konverterer skrivebords- eller nedlastede skrifttyper (TTF, OTF, WOFF, WOFF2 — inkludert moderne variable skrifttyper) til formatene nettlesere kan laste over nettet — primært WOFF2 i dag, med WOFF som eldre fallback — og produserer matchende CSS @font-face-deklarasjoner slik at du kan selv-hoste typografien til nettstedet ditt.
Hvorfor selv-vert skrifter?
Selv-hosting gir deg full kontroll over ytelse, personvern og pålitelighet. Det er ingen forespørsel til Google Fonts (nyttig for GDPR), ingen ekstra DNS-oppslag, du kan forhåndslaste filen, og du bestemmer nøyaktig hvilke vekter, stiler og akser som sendes med nettstedet ditt.
Hvordan konverteringen fungerer
WOFF2 pakker inn TTF/OTF-konturene dine i en Brotli-komprimert beholder designet spesielt for nettet — typisk 30 % mindre enn WOFF og over 50 % mindre enn den rå TTF. WOFF er en eldre zlib-komprimert omslag, holdt rundt som fallback for veldig gamle nettlesere. Vår generator kjører Googles offisielle WOFF2-koderen og dekoderen kompilert til WebAssembly, så konverteringen skjer lokalt inne i nettleseren din. Slipp inn en WOFF2 du har lastet ned fra Google Fonts, så dekoder vi den transparent tilbake til en sfnt-beholder før vi re-koder — du trenger aldri å lete etter den originale TTF.
Hva du får i pakken
- Skrifttyper i WOFF2 (og valgfritt WOFF/TTF) for hver opplastet ansikt — inkludert variable skrifttyper holdt som en enkelt liten fil.
- Et komplett stylesheet.css med én @font-face-regel per fil, de riktige format() hintene, font-vektområder, font-stil, font-stretch, font-display og valgfri local().
- En demo.html-side slik at du kan forhåndsvise hver vekt, stil og akse i flere størrelser før du går live.
- Valgfri Base64-innbygging for å sende skrifttypen inline i CSS-en din for offline-først eller enkelt-fil scenarier.
Personvern & lisensiering
Filer forlater aldri enheten din — alt behandles i nettleseren din. Sørg alltid for at lisensen til skrifttypen din tillater webfont-innbygging før du publiserer den på nettstedet ditt.