Skapa webbpaket med teckensnitt
Välj TTF-, OTF-, WOFF- eller WOFF2-teckensnitt för att skapa WOFF2-filer, CSS och en HTML-förhandsvisning. Kontrollera exempeltexten samt CSS-namn, vikt, stil och visning under inläsning innan du integrerar dem på en webbplats, och spara sedan paketet som en ZIP. Teckensubsettsättning utförs inte.
Det här kan du göra
Paketera filer för webben
Skapa WOFF2, CSS och en HTML-förhandsvisning från TTF, OTF, WOFF eller WOFF2. Du kan välja flera teckensnitt samtidigt.
Kontrollera glyfer och CSS-inställningar
Kontrollera hur de konverterade teckensnitten ser ut. Du kan ändra namn, vikt och stil som används på webben samt visningen vid inläsning efter behov.
Dela paketet som ZIP
Spara mappen fonts, filen fonts.css och filen preview.html som ett paket. Använd dem med bevarad inbördes placering.
Så använder du
Välj teckensnitt tillsammans
Välj teckensnitt som du kan använda på webben. Om du använder flera teckensnitt väljer du dem samtidigt.
Kontrollera utseende och webbinställningar
Ange text att förhandsgranska och kontrollera varje teckensnitt. Öppna teckensnittets CSS-inställningar för att ändra namn, vikt eller andra alternativ.
Skapa paketet och spara ZIP-arkivet
Klicka på ”Skapa webbpaket” och spara den genererade filen webfont-kit.zip.
Pack upp och lägg till på en webbsida
Pack upp filerna så att placeringen av mappen fonts och filerna fonts.css och preview.html bevaras. Ladda CSS-filen på sidan där du ska använda teckensnitten och använd de angivna teckensnittsnamnen.
Användbart när
Förbered en webbplats för publicering
Paketera dina teckensnitt i webbformat och CSS för att förbereda filerna som behövs för integration.
Lämna över hela paketet till produktionsteamet
Paketera flera teckensnitt, till exempel regular och bold, och lämna över dem tillsammans med HTML som innehåller text att kontrollera dem med.
Så samspelar teckensnitt och CSS
WOFF2 är ett teckensnittsformat för webben
Förbered WOFF2 som innehåller de ursprungliga tecknen. Tecknen delas inte in. Filstorleken varierar med teckensnittet.
Registrera namn, vikter och stilar i CSS
Inställningarna avgör vilka begärda stilar som använder det här teckensnittet på webben. De gör inte om glyferna till fet eller kursiv.
Skilj samma namn åt med vikt och stil
Regular och bold kan använda samma namn, men kombinationen av namn, vikt och stil får inte förekomma flera gånger.
Välj visningen vid inläsning
Som standard visas ett reservteckensnitt först och byts när teckensnittet är klart. Du kan ändra väntetiden och bytebeteendet i CSS-inställningarna vid behov.
Bevara filernas inbördes placering
fonts.css hänvisar till filer som fonts/font-1.woff2. Om du flyttar mappen eller CSS-filen behöver du justera sökvägarna.
Vanliga frågor
Var ska jag placera de genererade filerna?
Pack upp ZIP-arkivet och placera mappen fonts, filen fonts.css och filen preview.html så att deras inbördes placering bevaras. Ladda fonts.css från din sida och använd det angivna teckensnittsnamnet i CSS.
Hur skiljer detta sig från enbart formatkonvertering?
Den här sidan paketerar WOFF2 med CSS och en HTML-förhandsvisning. Om du bara vill ändra teckensnittsformatet använder du ”Konverterare för teckensnittsformat”.
Kan jag behålla endast de tecken jag använder?
Den här sidan delar inte in tecken. Den förbereder teckensnitt som behåller de ursprungliga tecknen.
Blir tecknen fetare när jag ändrar vikten?
Inställningen anger vilket viktvärde som används i CSS. Den ändrar inte glyferna i teckensnittsfilen. För att använda fet eller kursiv behöver du ange en fil som innehåller de glyferna.
Kan jag använda flera filer med samma teckensnittsnamn?
Du kan registrera filer med olika vikter eller stilar. Om samma kombination av namn, vikt och stil förekommer två gånger bör du granska de aktuella inställningarna.
Vad händer när jag väljer teckensnitt igen?
Nuvarande uppsättning teckensnitt och det genererade ZIP-arkivet tas bort, och den nyvalda uppsättningen läses in. Välj de filer du vill fortsätta använda tillsammans med de nya.
Vad händer om inte alla exempeltecknen visas?
Tecken som inte ingår i teckensnittet kan visas med ett annat teckensnitt. Kontrollera vilka tecken som stöds och hur de ser ut där teckensnittet ska användas.
Vad händer om ett teckensnitt inte kan läsas in?
Välj teckensnitt i ett format som stöds igen. Om någon fil i uppsättningen inte kan konverteras eller läsas in sparas ingen delvis konverterad uppsättning.
Indata och resultat
- Indata
- TTF, OTF, WOFF och WOFF2. Du kan välja flera filer samtidigt.
- Villkor
- Kontrollera användningsvillkoren för inmatade teckensnitt, inklusive inbäddning på webben.
- Inställningar
- Namn, vikt, stil och visning vid inläsning som används i CSS.
- Resultat
- webfont-kit.zip. Innehåller WOFF2, fonts.css och preview.html.