@font-face Webfont-generator
Variabla teckensnitt, WOFF2 och CSS i ett klick
Släpp dina TTF, OTF, WOFF eller WOFF2-filer — inklusive variabla teckensnitt — välj dina inställningar, och ladda ner ett klart att hosta paket med WOFF2, WOFF, ett komplett stylesheet.css och en live demo-sida.
Dra teckensnitt hit eller klicka för att bläddra
TTF, OTF, WOFF, WOFF2 och variabla teckensnitt — flera filer tillåtna
Valda teckensnitt
Konverteringsinställningar
Detta är namnet du kommer att använda i din CSS, som font-family: 'MyName';. Lämna tomt för att behålla varje teckensnitts ursprungliga familjenamn från filen.
Kontrollerar hur text visas medan webfonten laddas.
Sökväg som används inuti url(...) i den genererade stylesheeten.
Tips: tryck Ctrl+Enter för att generera.
Ditt webfont-paket är klart
ZIP innehåller: konverterade teckensnitt, stylesheet.css och en live demo.html.
100% klientsidan
Konverteringen körs helt i din webbläsare med hjälp av WebAssembly. Dina teckensnitt laddas aldrig upp.
Variabla teckensnitt & alla format
TTF, OTF, WOFF och WOFF2 in — optimerad WOFF2 ut, med fullt stöd för variabela teckensnittsaxlar (wght, wdth, slnt, ital).
Produktionredo utdata
Levererar en stylesheet.css med rätt font-display, valfri local() och en demo.html så att du kan släppa paketet direkt i ditt projekt.
Vad är en webfont-generator?
En webfont-generator omvandlar skrivbords- eller nedladdade teckensnitts-filer (TTF, OTF, WOFF, WOFF2 — inklusive moderna variabla teckensnitt) till de format som webbläsare kan ladda över webben — främst WOFF2 idag, med WOFF som arvfall — och producerar matchande CSS @font-face-deklarationer så att du kan självhosta typografin på din webbplats.
Varför självhosta teckensnitt?
Självhosting ger dig full kontroll över prestanda, integritet och tillförlitlighet. Det finns ingen tredjepartsförfrågan till Google Fonts (hjälpsamt för GDPR), ingen extra DNS-uppslagning, du kan förladda filen, och du bestämmer exakt vilka vikter, stilar och axlar som skickas med din webbplats.
Hur konverteringen fungerar
WOFF2 kapslar in dina TTF/OTF-konturer i en Brotli-komprimerad behållare designad specifikt för webben — typiskt 30 % mindre än WOFF och över 50 % mindre än den råa TTF. WOFF är en äldre zlib-komprimerad wrapper, som hålls kvar som ett arvfall för mycket gamla webbläsare. Vår generator kör Googles officiella WOFF2-kodare och avkodare kompilerad till WebAssembly, så konverteringen sker lokalt i din webbläsare. Släpp in en WOFF2 du laddade ner från Google Fonts och vi avkodar den transparent tillbaka till en sfnt-behållare innan vi återkodar — du behöver aldrig leta efter den ursprungliga TTF.
Vad du får i paketet
- Teckensnitt i WOFF2 (och valfritt WOFF/TTF) för varje uppladdad ansikte — inklusive variabla teckensnitt som hålls som en enda liten fil.
- Ett komplett stylesheet.css med en @font-face-regel per fil, de korrekta format() ledtrådarna, font-weight-intervall, font-style, font-stretch, font-display och valfri local().
- En demo.html-sida så att du kan förhandsgranska varje vikt, stil och axel i flera storlekar innan du går live.
- Valfri Base64-inbäddning för att skicka teckensnittet inline i din CSS för offline-först eller enstaka fil-scenarier.
Integritet & licensiering
Filer lämnar aldrig din enhet — allt bearbetas i din webbläsare. Se alltid till att din teckensnitts licens tillåter webfontinbäddning innan du publicerar den på din webbplats.