@skrifttype-ansigt Webskrift-generator
Variable skrifttyper, WOFF2 og CSS med ét klik
Drop dine TTF, OTF, WOFF eller WOFF2 filer — inklusive variable skrifttyper — vælg dine indstillinger, og download et klar-til-host bundt med WOFF2, WOFF, et komplet stylesheet.css og en live demo side.
Drop skrifttyper her eller klik for at gennemse
TTF, OTF, WOFF, WOFF2 og variable skrifttyper — flere filer tilladt
Valgte skrifttyper
Konverteringsindstillinger
Dette er navnet, du vil bruge i din CSS, som font-family: 'MyName';. Lad være tom for at bevare hver skriftypes originale familienavn fra filen.
Kontrollerer, hvordan teksten vises, mens webfonten indlæses.
Sti brugt inde i url(...) i det genererede stylesheet.
Tip: tryk Ctrl+Enter for at generere.
Din webfont pakke er klar
ZIP indeholder: konverterede skrifttyper, stylesheet.css og en live demo.html.
100% klient-side
Konverteringen kører helt i din browser ved hjælp af WebAssembly. Dine skrifttyper uploades aldrig.
Variable skrifttyper & alle formater
TTF, OTF, WOFF og WOFF2 ind — optimeret WOFF2 ud, med fuld understøttelse af variable skrifttypeakser (wght, wdth, slnt, ital).
Produktion-klar output
Sender et stylesheet.css med den rigtige font-display, valgfri local() og en demo.html, så du kan droppe bundtet direkte ind i dit projekt.
Hvad er en webfont generator?
En webfont generator omdanner desktop- eller downloadede skrifttypefiler (TTF, OTF, WOFF, WOFF2 — inklusive moderne variable skrifttyper) til de formater, som browsere kan indlæse over internettet — primært WOFF2 i dag, med WOFF som legacy fallback — og producerer matchende CSS @font-face erklæringer, så du kan selv-hoste typografien på din hjemmeside.
Hvorfor selv-host skrifttyper?
Selv-hosting giver dig fuld kontrol over ydeevne, privatliv og pålidelighed. Der er ingen tredjepartsanmodning til Google Fonts (nyttigt for GDPR), ingen ekstra DNS-opslag, du kan forudindlæse filen, og du bestemmer præcist, hvilke vægte, stilarter og akser der sendes med din side.
Hvordan konverteringen fungerer
WOFF2 indkapsler dine TTF/OTF konturer i en Brotli-komprimeret beholder designet specifikt til internettet — typisk 30 % mindre end WOFF og over 50 % mindre end den rå TTF. WOFF er en ældre zlib-komprimeret wrapper, der holdes omkring som en fallback for meget gamle browsere. Vores generator kører Googles officielle WOFF2 encoder og decoder kompileret til WebAssembly, så konverteringen sker lokalt inde i din browser. Drop en WOFF2, du har downloadet fra Google Fonts, og vi dekoder den gennemsigtigt tilbage til en sfnt-beholder, før vi re-koder — du skal aldrig lede efter den originale TTF.
Hvad du får i bundtet
- Skrifttyper i WOFF2 (og valgfrit WOFF/TTF) for hver uploadet ansigt — inklusive variable skrifttyper, der holdes som en enkelt lille fil.
- Et komplet stylesheet.css med én @font-face regel pr. fil, de korrekte format() hints, font-weight intervaller, font-style, font-stretch, font-display og valgfri local().
- En demo.html side, så du kan forhåndsvise hver vægt, stil og akse i flere størrelser, før du går live.
- Valgfri Base64 indlejring for at sende skrifttypen inline i din CSS til offline-først eller enkelt-fil scenarier.
Privatliv & licensering
Filer forlader aldrig din enhed — alt behandles i din browser. Sørg altid for, at din skrifttypes licens tillader webfont indlejring, før du offentliggør den på din hjemmeside.