Weblettertypegenerator

@font-face-weblettertypegenerator

Variabele lettertypen, WOFF2 en CSS in één klik

Drop je TTF, OTF, WOFF of WOFF2-bestanden — inclusief variabele lettertypen — kies je instellingen en download een kant-en-klaar pakket met WOFF2, WOFF, een complete stylesheet.css en een live demopagina.

Sleep lettertypen hierheen of klik om te bladeren

TTF, OTF, WOFF, WOFF2 en variabele lettertypen — meerdere bestanden toegestaan

100% aan de clientzijde

Conversie gebeurt volledig in je browser met behulp van WebAssembly. Je lettertypen worden nooit geüpload.

Variabele lettertypen & alle formaten

TTF, OTF, WOFF en WOFF2 in — geoptimaliseerde WOFF2 uit, met volledige ondersteuning voor variabele lettertype-assens (wght, wdth, slnt, ital).

Klaar voor productie uitvoer

Verzendt een stylesheet.css met de juiste font-display, optionele local() en een demo.html zodat je het pakket rechtstreeks in je project kunt plaatsen.

Wat is een webfont generator?

Een webfontgenerator verandert desktop- of gedownloade lettertypebestanden (TTF, OTF, WOFF, WOFF2 — inclusief moderne variabele lettertypen) in de formaten die browsers via het web kunnen laden — voornamelijk WOFF2 vandaag, met WOFF als legacy fallback — en produceert bijpassende CSS @font-face verklaringen zodat je de typografie van je website zelf kunt hosten.

Waarom lettertypen zelf hosten?

Zelf-hosting geeft je volledige controle over prestaties, privacy en betrouwbaarheid. Er is geen derde partij verzoek naar Google Fonts (handig voor GDPR), geen extra DNS-opzoeking, je kunt het bestand vooraf laden, en je beslist precies welke gewichten, stijlen en assen met je site worden verzonden.

Hoe de conversie werkt

WOFF2 verpakt je TTF/OTF-contouren in een Brotli-gecomprimeerde container die speciaal voor het web is ontworpen — typisch 30% kleiner dan WOFF en meer dan 50% kleiner dan de ruwe TTF. WOFF is een oudere zlib-gecomprimeerde wrapper, die behouden is als fallback voor zeer oude browsers. Onze generator draait Google's officiële WOFF2-encoder en decoder gecompileerd naar WebAssembly, zodat de conversie lokaal in je browser plaatsvindt. Drop een WOFF2 die je van Google Fonts hebt gedownload en we decoderen het transparant terug naar een sfnt-container voordat we het opnieuw coderen — je hoeft nooit naar de originele TTF te zoeken.

Wat je krijgt in het pakket

  • Lettertypen in WOFF2 (en optioneel WOFF/TTF) voor elke geüploade variant — inclusief variabele lettertypen die als één klein bestand worden bewaard.
  • Een complete stylesheet.css met één @font-face regel per bestand, de juiste format() hints, font-weight ranges, font-style, font-stretch, font-display en optionele local().
  • Een demo.html pagina zodat je elk gewicht, elke stijl en elke as in meerdere maten kunt bekijken voordat je live gaat.
  • Optionele Base64 embedding om het lettertype inline in je CSS te verzenden voor offline-eerste of single-file scenario's.

Privacy & licenties

Bestanden verlaten nooit je apparaat — alles wordt verwerkt in je browser. Zorg er altijd voor dat de licentie van je lettertype webfont embedding toestaat voordat je het op je website publiceert.

Veelgestelde vragen