TTF WOFF2-be átalakító
A betűtípus saját tárhelyről történő kiszolgálása itt kezdődik: a WOFF2 az a formátum, amelyet minden mai böngésző elsőként tölt le, és ez a legkisebb csomagolás a már meglévő TrueType adatokhoz. Ez az oldal a betöltéshez szükséges CSS-szabályt is elkészíti.
Betűtípus-konvertáló
vagy húzza ide a(z) TTF, OTF, WOFF … fájlok fájlokat ·
Legfeljebb 95 MB fájlonként· Legfeljebb 20 fájl· Törlés 30 perc után
A fájlokat szervereinken dolgozzuk fel, és 30 perc után töröljük.
A nem használt írásrendszerek eltávolítása egy webes betűtípust több száz KB-ról 30 KB alá csökkenthet. A számítógépére telepítendő betűtípusoknál tartsa meg az összes karaktert.
Illessze be azt a szöveget vagy karaktereket, amelyeket a betűtípusnak le kell fednie, pl. egy logószót vagy címsort. Minden más kikerül.
A hintelés élesíti a kis szöveget a Windows-képernyőkön. Eltávolításával webes betűtípusoknál gyakran 10–30% takarítható meg; az automatikus hintelés azokhoz ad hozzá, amelyekben nincs.
Hagyja üresen az eredeti megtartásához. Az átnevezéssel az átalakított betűtípust ütközés nélkül telepítheti az eredeti mellé.
Pl. Regular, Bold, Italic. Hagyja üresen az eredeti stílusnév megtartásához.
Az eszköz használata
- 1
Töltse fel a TTF fájlokat
Adja hozzá az összes használni kívánt betűvastagságot és stílust, legfeljebb 20 fájlt, fájlonként legfeljebb 95 MB-ig. A variábilis TTF-ek is működnek, és megtartják a tengelyeiket.
- 2
Hagyja bekapcsolva a CSS-t, és ha lehet, készítsen részhalmazt
Az @font-face CSS hozzáadása már be van jelölve. A Speciális beállítások alatt állítsa a Megtartott karakterek értékét Basic Latin vagy Latin + ékezetek értékre, ha az oldala nyugati nyelvű, és érdemes a Hinting beállítást Eltávolításra állítani.
- 3
Konvertálás WOFF2-be
Nyomja meg a Konvertálás erre: WOFF2 gombot, és töltse le a betűtípusokat a .css fájllal együtt. Töltse fel mindkettőt a webhelyére, majd hivatkozzon a stíluslapra, vagy illessze be a szabályt a sajátjába.
Hogyan konvertálhatok TTF-et WOFF2-be a weboldalamhoz?
Töltse fel a .ttf fájlt, hagyja bejelölve az @font-face CSS hozzáadása opciót, és nyomja meg a Konvertálás erre: WOFF2 gombot. Megkapja a .woff2 fájlt és egy .css fájlt is, benne egy rá mutató @font-face szabállyal.
Miért a WOFF2 a webes betűtípusok ajánlott formátuma
A TTF tömörítetlen táblaadat: körvonalak, metrikák, kerning, nevek. A WOFF2, amelyet 2018-ban W3C-ajánlásként tettek közzé, pontosan ugyanezeket a táblákat tartja meg, de Brotlin futtatja át őket, azon a tömörítő algoritmuson, amelyet a Google 2015-ben adott ki, miután előbb átrendezte a karakterek körvonalait, hogy jobban tömöríthetők legyenek. A Google saját tesztjei szerint a WOFF2 átlagosan nagyjából 30%-kal kisebb a régebbi WOFF formátumnál, a böngésző letöltés után visszaállítja az eredeti betűtípus-adatokat, így a betűformák nem változnak.
A betűtípusok blokkolják a megjelenítést, ezért a méretük többet számít, mint a kilobájtok sugallnák. Amíg a webes betűtípus meg nem érkezik, a böngésző vagy elrejti a szöveget, vagy tartalék betűtípust mutat, a késői csere pedig eltolhatja az elrendezést. A kisebb fájlok szűkítik ezt az időablakot, két itteni beállítás pedig még tovább: a Megtartott karakterek eltávolítja azokat a karaktereket, amelyeket az oldalai sosem jelenítenek meg, a Hinting Eltávolításra állítva pedig elhagyja azokat az utasításokat, amelyeket a telefonok és a nagy pixelsűrűségű kijelzők úgyis figyelmen kívül hagynak. A TTF mestereket tartsa meg asztali használatra; a WOFF2 TTF-be később kicsomagolhat egy webes betűtípust, de a szűkítés során eltávolított karaktereket nem tudja visszaállítani.
TTF és WOFF2 fájlméret összehasonlítása
TTF, teljes karakterkészlet
100%
Tömörítetlen betűtípustáblák, ahogy asztali gépen telepítve vannak
WOFF2, Basic Latin részhalmaz
gyakran 10–25%
Brotli-tömörítés és kevesebb karakter; betűtípustól függően változik
A @font-face szabály egy WOFF2 betűtípushoz
@font-face {
font-family: "Brand Sans";
src: url("/fonts/brand-sans-regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF;
}WOFF2 böngészőtámogatás verziónként
2014
Chrome 36
A Google böngészője az első, amely alapból dekódolja a WOFF2-t.
2015
Firefox 39
A Mozilla alapértelmezetten engedélyezi a WOFF2 dekódolását.
2016
Edge 14
A Microsoft eredeti Edge böngészője a Windows 10 Anniversary Update-tel kapja meg a WOFF2-t.
2018
W3C-ajánlás
A specifikáció véglegesedik; ekkorra a Safari macOS-en és iOS-en is dekódolja a WOFF2-t.
TTF
TrueType betűtípus
A TTF az Apple által az 1980-as évek végén fejlesztett, 1991-ben kiadott, majd a Microsoftnak licencelt TrueType betűtípus-formátum. A karakterek körvonalait másodfokú görbékkel írja le, és hintelési utasításokat tartalmaz, amelyek élessé teszik a szöveget a képernyőn. Minden asztali operációs rendszer, szövegszerkesztő és tervezőalkalmazás támogatja. Hiányoznak belőle az OpenType egyes fejlett tipográfiai funkciói, és nagyobb a webes betűtípus-formátumoknál.
- Tömörítés
- Veszteségmentes
- Átlátszóság
- –
- Animáció
- –
- Bevezetés éve
- 1991 · Apple
WOFF2
Web Open Font Format 2
A WOFF2 a Web Open Font Format második verziója, amely a Google Brotli tömörítésére épül, és 2018-ban W3C-ajánlásként jelent meg. A fájlok nagyjából 30%-kal kisebbek a WOFF-nál, ami gyorsabb oldalbetöltést eredményez. Minden modern böngésző támogatja, és a webes betűtípusokhoz ez az ajánlott formátum. Az asztali operációs rendszerek és tervezőalkalmazások nem tudják közvetlenül telepíteni.
- Tömörítés
- Veszteségmentes
- Átlátszóság
- –
- Animáció
- –
- Bevezetés éve
- 2018 · W3C (Google)
A TTF WOFF2-be átalakítás az asztali betűtípust a böngészők által előnyben részesített, Brotli-tömörítésű tárolóba csomagolja, így ugyanazok a karakterek kevesebb bájtban jutnak el a látogatókhoz; a fordított oldal azoknak készült, akiknek egy az interneten talált betűtípust kell telepíteniük.
GYIK: TTF WOFF2-be konvertálás
Szükség van még TTF vagy WOFF tartalékra a WOFF2 mellett?
Nyilvános weboldalaknál ma általában nem. A Chrome, az Edge, a Firefox és a Safari évek óta olvassa a WOFF2-t, a kevés böngésző pedig, amely nem, például az Internet Explorer 11, ritkán éri meg egy további fájlt. A TTF WOFF-ba kimenetet csak akkor adja hozzá második src bejegyzésként, ha az analitikája szerint vannak ilyen látogatók.
Miért nagyobb a WOFF2 betűtípusom még mindig 100 KB-nál?
A tömörítés csak azt csökkenti, hogyan tárolódnak a karakterformák, azt nem, hogy hány van belőlük. Az a betűtípus, amely latin, cirill, görög és vietnami karaktereket is tartalmaz, mindet szállítja. A ténylegesen megjelenített írásrendszerekre szűkítés (subsetting) viszi le a szövegbetűtípust néhány tíz kilobájtra.
Mit csinál a font-display: swap?
Azt mondja meg a böngészőnek, hogy a szöveget azonnal tartalék betűtípussal jelenítse meg, és a webes betűtípust cserélje be, amint megérkezik, ahelyett hogy letöltés közben elrejtené a szöveget. Adja hozzá az @font-face szabályhoz a fenti példa szerint, vagy használja az optional értéket, ha lassú kapcsolatnál inkább kihagyná a késői cserét.
Átalakíthatok egy Google Fonts TTF-et WOFF2-be, és tárolhatom saját magam?
Igen. A Google Fonts betűcsaládjai SIL Open Font License vagy Apache License alatt jelennek meg, és mindkettő engedi az átalakítást és a saját tárhelyen való szolgáltatást. A fájl saját üzemeltetése azt is megspórolja, hogy kérés menjen egy külső szerverre.
Működik a WOFF2 e-mailes hírlevelekben?
Csak egyes levelezőkben. Az Apple Mail és az iOS Mail az @font-face segítségével tölti be a webes betűtípusokat, a Gmail és a legtöbb Outlook-verzió viszont figyelmen kívül hagyja őket, és a tartalék betűtípust mutatja. E-mailben mindig tüntessen fel biztonságos rendszerbetűtípust a betűtípus-listában.