Verkkotypografia: TTF, OTF, WOFF ja WOFF2
Miten nykyaikainen fonttipakkausnopeuttaa verkkotypografiaa ja estää asettelun hyppimistä.
Tiedostosi käsitellään kokonaan verkkoselaimessasi HTML5 Canvasin ja WebAssemblyn avulla. Yhtään dataa ei koskaan poistu laitteeltasi.
Ohita lataus- ja siirtojonot. Muunnokset tapahtuvat paikallisesti laitteiston täydellä teholla ilman palvelinrajoituksia.
Yhteensopiva virallisten ISO-, W3C- ja IETF-määritysten kanssa tuloksen yhteensopivuuden takaamiseksi eri käyttöjärjestelmissä.
Muotojen vertailu ja tekniset tiedot
| Tulostusmuoto | MIME-tyyppi | Määritys | Tyyppi |
|---|---|---|---|
| WOFF2 verkkofontti | font/woff2 | W3C-WOFF2 | Web Open Font Format 2.0 |
| TTF TrueType-fontti | font/ttf | W3C-WOFF2 | TrueType Font Standard |
Tekniset tiedot ja koodekkien erittely
Miksi sinun tulisi aina käyttää WOFF2-muotoa verkossa
TTF ja OTF on suunniteltu työpöytäkäyttöjärjestelmille ja ne sisältävät pakkaamattomia glyfitaulukoita. WOFF2 käyttää mukautettua taulukoiden esikäsittelyä ja Brotli-pakkaustekniikkaa, jotka pienentävät fonttitiedostoja jopa 50 % muuttamatta yhtäkkiä ainoatakaan käyrää, mikä parantaa merkittävästi sivun latausnopeutta ja asettelun vakautta.
Työpöytäfonttien muuntaminen verkkosuorituskykyä varten
Jos sivustosi lataa 150 kt:n työpöytä-TTF-fontin, mobiilikäyttäjät saattavat kokea näkymätöntä tekstiä tai asettelun siirtymiä latauksen aikana. Muuntaminen WOFF2-muotoon pienentää tiedoston noin 40 kt:n kokoiseksi, jolloin typografia piirtyy näytölle välittömästi.
0 tavua ladattu ulkoisille palvelimille. Kaikki käsittely tapahtui paikallisesti selaimen hiekkalaatikossa.