Tartalom
- Mit kell tudni erről a webes betűkészlet-formátumról
- Mi az a WOFF fájl?
- Hogyan működik a WOFF fájlok?
- A WOFF előnyei
- Készítsen saját WOFF betűtípusokat
Mit kell tudni erről a webes betűkészlet-formátumról
A Web Open Font Format (WOFF) a Mozilla által kifejlesztett webes betűkészletek fájlformátuma. A WOFF fájlok tartalmazhatnak tömörített TTF és OTF fájlokat, valamint engedélyezési információkat és egyéb metaadatokat. Itt van, amit tudnod kell a WOFF-ról.
A cikkben szereplő információk a WOFF és a WOFF2 fájlokra vonatkoznak.
Mi az a WOFF fájl?
A ZIP fájlokhoz hasonlóan a WOFF fájlok más fájlok tárolójaként is szolgálnak, különösen a TrueType betűkészlet (TTF) és az OpenType betűkészlet (OTF) fájlok számára. Az ilyen típusú fájlok lehetővé teszik a webtervezők számára a betűtípusok használatát a legtöbb számítógépen található standard karaktereken kívül.
A WOFF-ot felváltotta a WOFF2-formátum. A WOFF2 még jobb tömörítési algoritmusokat kínál, ami további 30 százalékkal csökkenti az eredeti fájl méretét. Ezért a WOFF2 fájlok kevesebb sávszélességet és még gyorsabban töltenek be. A WOFF fájlok .woff kiterjesztésűek, míg a WOFF2 fájlok .woff2 kiterjesztésűek.
Hogyan működik a WOFF fájlok?
Gyakorlatilag minden weboldal Cascading Style Sheets (CSS) segítségével határozza meg a HTML és más elemek elrendezését a képernyőn. A fejlesztők például a CCS segítségével módosíthatják a webes betűkészleteket a felhasználói számítógépre már telepített betűkészletek hivatkozásával. Ha azonban a számítógép vagy a böngésző nem támogat egy betűtípust, akkor ez más betűként jelenik meg, vagy egyáltalán nem töltődik be, az oldal betűkészletének beállításától függően.
A probléma elkerülése érdekében az egyedi betűkészleteket egy WOFF fájlban tárolhatjuk, amelyet egy kiszolgálóra mentünk az összes többi weboldal elemmel együtt. A tervező ezután felhasználhatja a @ font-face CSS tulajdonságot a WOFF fájl hivatkozásához és a betűtípus megjelenítéséhez a böngészőben.
A Google Chrome, a Firefox, a Microsoft Edge, az Opera és a Safari egyaránt támogatják a WOFF formátumot, de lehet, hogy frissítenie kell a böngészőt a legújabb verzióra.
A WOFF előnyei
A WOFF fájlok használata mellett a webfejlesztők számára elérhető betűtípusok szélesítése mellett számos előnye is van. Például:
- összenyomás: Mivel a WOFF fájlok tömörítésre kerülnek, gyorsabban töltődnek be, mint más betűtípus fájlok.
- HTML és CSS támogatás: A képfájloktól eltérően a WOFF fájlok stilizálhatók HTML és CSS formátumban.
- SEO: A WOFF betűtípusok jobbak a keresőoptimalizáláshoz (SEO), mint a szöveges képek.
- Optimalizált megjelenítés: A WOFF fájlok tipográfiai információkat tartalmaznak, beleértve a kontextuális űrlapokat és a régi stílusú ábrákat, lehetővé téve az optimális megjelenítést minden eszközön.
- A weboldal hozzáférhetősége: A WOFF fájlok hozzáférhetőbbé teszik a webhelyeket, mivel a szöveg hangosan olvasható, a szöveg képei pedig nem.
- beágyazás: A WOFF betűtípusok segítenek a nemzetközivé válásban, mivel lehetővé teszik, hogy beágyazzanak betűkészleteket más nyelvek karaktereivel.
Készítsen saját WOFF betűtípusokat
A betűtípus-szerkesztők, például a FontForge lehetővé teszik, hogy saját betűkészleteket készítsen, és WOFF fájlokként exportálja azokat. A WOFF konvertálható TTF vagy OTF fájlokká a FontForge használatával. Ha más, hasonló tetszőleges betűkészlet-szerkesztővel rendelkezik, amely csak a TTF vagy az OTF fájlokat támogatja, akkor az sfnt2woff eszközzel konvertálhatja a betűkészleteket WOFF fájlokká.
Az Open Font Library és a Font Squirrel több száz betűtípust tartalmaz WOFF formátumban, amelyek ingyenesek a kereskedelmi és nem kereskedelmi használatra.