Web Open Font Format (WOFF) är ett filformat för webbteckensnitt utvecklat av Mozilla. En WOFF-fil kan innehålla komprimerade TTF- och OTF-filer samt licensinformation och andra metadata. Här är vad du behöver veta om WOFF.
Informationen i den här artikeln gäller WOFF- och WOFF2-filer.
Vad är en WOFF-fil?
På samma sätt som ZIP-filer fungerar WOFF-filer som behållare för andra filer, särskilt TrueType Font (TTF) och OpenType Font (OTF) -filer. Dessa typer av filer ger webbdesigners möjlighet att använda teckensnitt utanför de standardtecken som finns på de flesta datorer.
WOFF har ersatts av WOFF2-formatet. WOFF2 erbjuder ännu bättre komprimeringsalgoritmer, vilket minskar den ursprungliga filstorleken med ytterligare 30 procent. Därför tar WOFF2-filer mindre bandbredd och laddas ännu snabbare. WOFF-filer har filändelsen .woff, medan WOFF2-filer har filändelsen .woff2.
Hur fungerar WOFF-filer?
I stort sett alla webbsidor använder Cascading Style Sheets (CSS) för att definiera layouten för HTML och andra element på din skärm. Till exempel kan utvecklare använda CCS för att ändra webbteckensnitt genom att hänvisa till teckensnitt som redan är installerade på användarens dator. Men om din dator eller webbläsare inte stöder ett teckensnitt, kommer det att visas som ett annat teckensnitt eller laddas inte alls beroende på hur sidans teckensnittsstack är inställd.
För att undvika detta problem kan anpassade teckensnitt lagras i en WOFF-fil, som sparas på en server med alla andra webbsidelement. Designer kan sedan använda @ font-face CSS-egenskapen för att referera till WOFF-filen och återge teckensnittet i webbläsaren.
Google Chrome, Firefox, Microsoft Edge, Opera och Safari har alla stöd för WOFF-formatet, men du kan behöva uppdatera din webbläsare till den senaste versionen.
Fördelar med WOFF
Förutom att bredda de typer av teckensnitt som är tillgängliga för webbutvecklare har WOFF-filer flera fördelar. Till exempel:
- kompression: Eftersom WOFF-filer är komprimerade laddas de snabbare än andra typsnitt.
- HTML- och CSS-stöd: Till skillnad från bildfiler kan WOFF-filer utformas med HTML och CSS.
- SEO: WOFF-teckensnitt är bättre för sökmotoroptimering (SEO) än bilder av text.
- Optimerad rendering: WOFF-filer inkluderar typografisk information inklusive kontextuella former och gamla figurer, vilket möjliggör optimal återgivning på alla enheter.
- Webbplatsens tillgänglighet: WOFF-filer gör webbplatser mer tillgängliga eftersom text kan läsas upp och bilder av text inte kan göras.
- inbäddning: WOFF-teckensnitt hjälper till med internationalisering genom att låta dig bädda in teckensnitt med tecken från andra språk.
Skapa dina egna WOFF-teckensnitt
Teckensnittsredigerare som FontForge låter dig designa dina egna teckensnittsuppsättningar och exportera dem som WOFF-filer. Du kan också konvertera WOFF till TTF- eller OTF-filer med FontForge. Om du har en annan teckensnittsredigerare som du gillar som endast stöder TTF eller OTF kan du använda sfnt2woff-verktyget för att konvertera teckensnitt till WOFF-filer.
Open Font Library och Font Squirrel har hundratals teckensnitt i WOFF-format som är gratis för kommersiell och icke-kommersiell användning.