UltKit

Pretvornik TTF v WOFF2

Če želite pisavo gostiti sami, začnite tukaj: WOFF2 je format, ki ga vsi sodobni brskalniki prenesejo najprej, in je najmanjši ovoj za podatke TrueType, ki jih že imate. Ta stran pripravi tudi pravilo CSS, ki pisavo naloži.

Pretvornik pisav

ali spustite datoteke TTF, OTF, WOFF … sem ·

Največ 95 MB na datoteko· Do 20 datotek· Izbrisano po 30 minutah

Izhod

Datoteke se obdelajo na naših strežnikih in izbrišejo po 30 minutah.

Kako uporabljati to orodje

  1. 1

    Naložite datoteke TTF

    Dodajte vse debeline in sloge, ki jih nameravate uporabiti, do 20 datotek, vsaka velika do 95 MB. Delujejo tudi spremenljivi TTF-ji, ki obdržijo svoje osi.

  2. 2

    Pustite CSS vklopljen in po možnosti izberite podnabor

    Možnost Vključi CSS @font-face je že označena. Pod Napredne nastavitve nastavite Ohrani znake na Basic Latin ali Latin + naglasi, če je vaše spletno mesto v zahodnem jeziku, in razmislite o nastavitvi Namigovanje (hinting) na Odstrani.

  3. 3

    Pretvori v WOFF2

    Pritisnite Pretvori v WOFF2 in prenesite pisave skupaj z datoteko .css. Obe naložite na svoje spletno mesto ter povežite slogovno datoteko ali pa pravilo prilepite v svojo.

Odgovor

Kako pretvorim TTF v WOFF2 za svoje spletno mesto?

Naložite datoteko .ttf, pustite označeno Vključi CSS @font-face in pritisnite Pretvori v WOFF2. Dobite datoteko .woff2 in datoteko .css s pravilom @font-face, ki kaže nanjo.

Zakaj je WOFF2 pravi format spletnih pisav

TTF so nestisnjeni podatki tabel: obrisi, metrike, kerning, imena. WOFF2, objavljen kot priporočilo W3C leta 2018, obdrži natanko te tabele, a jih požene skozi Brotli, algoritem stiskanja, ki ga je Google izdal leta 2015, po tem ko obrise glifov preuredi, da se bolje stisnejo. Googlovi testi so pokazali, da je WOFF2 v povprečju približno 30 % manjši od starejšega formata WOFF, brskalnik pa po prenosu obnovi izvirne podatke pisave, zato se oblike črk prav nič ne spremenijo.

Pisave blokirajo izris, zato je njihova velikost pomembnejša, kot kažejo kilobajti. Dokler spletna pisava ne prispe, brskalnik besedilo skrije ali prikaže nadomestno, pozna zamenjava pa lahko premakne postavitev. Manjše datoteke to okno zožijo, dve možnosti tu pa ga zožita še bolj: Ohrani znake odstrani glife, ki jih vaše strani nikoli ne prikažejo, Namigovanje (hinting) z nastavitvijo Odstrani pa opusti ukaze, ki jih telefoni in zasloni z visoko gostoto tako ali tako prezrejo. Izvirnike TTF obdržite za namizno rabo; WOFF2 v TTF lahko spletno pisavo pozneje razpakira, a ne more obnoviti glifov, ki jih je odstranila podmnožica.

Velikost datoteke: TTF ali WOFF2

TTF, poln nabor znakov

100%

Nestisnjene tabele pisave, kot so nameščene na namizju

Značilno za večjezično besedilno pisavo

WOFF2, podmnožica Basic Latin

pogosto 10–25 %

Stiskanje Brotli in manj glifov; odvisno od pisave

Pravilo @font-face za pisavo WOFF2

Primer pravila; zamenjajte imena in odstranite unicode-range, če niste ustvarili podmnožice
@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;
}

Podpora za WOFF2 v brskalnikih po različicah

  1. 2014

    Chrome 36

    Googlov brskalnik kot prvi privzeto dekodira WOFF2.

  2. 2015

    Firefox 39

    Mozilla privzeto omogoči dekodiranje WOFF2.

  3. 2016

    Edge 14

    Microsoftov izvirni Edge doda WOFF2 z jubilejno posodobitvijo sistema Windows 10.

  4. 2018

    Priporočilo W3C

    Specifikacija je dokončana; do takrat WOFF2 dekodira tudi Safari v macOS in iOS.

TTF

Pisava TrueType

TTF je format pisav TrueType, ki ga je konec osemdesetih let razvil Apple, izšel je leta 1991, nato pa ga je licenciral Microsoftu. Obrise znakov opisuje s kvadratnimi krivuljami in vsebuje navodila za hinting, zaradi katerih je besedilo na zaslonih ostro. TrueType podpirajo vsi namizni operacijski sistemi, urejevalniki besedil in oblikovalske aplikacije. Nima nekaterih naprednih tipografskih funkcij formata OpenType in je večji od spletnih formatov pisav.

Stiskanje
Brez izgube kakovosti
Prosojnost
–
Animacija
–
Uvedeno
1991 · Apple
Pretvornik TTF

WOFF2

Web Open Font Format 2

WOFF2 je druga različica formata Web Open Font Format, temelji na Googlovem stiskanju Brotli, leta 2018 pa je bil objavljen kot priporočilo W3C. Datoteke so približno 30 % manjše od WOFF, kar pospeši nalaganje strani. WOFF2 podpirajo vsi sodobni brskalniki in je priporočeni format za spletne pisave. Namizni operacijski sistemi in oblikovalske aplikacije ga ne morejo namestiti neposredno.

Stiskanje
Brez izgube kakovosti
Prosojnost
–
Animacija
–
Uvedeno
2018 · W3C (Google)
Pretvornik WOFF2

TTF v WOFF2 pakira namizno pisavo v vsebnik, stisnjen z Brotli, ki ga brskalniki imajo raje, tako da isti glifi pridejo do obiskovalcev v manj bajtih; obratna stran obstaja za tiste, ki morajo namestiti pisavo, najdeno na spletu.

Pogosta vprašanja o pretvorbi TTF v WOFF2

Ali poleg WOFF2 še potrebujem nadomestno pisavo TTF ali WOFF?

Za javna spletna mesta danes običajno ne. Chrome, Edge, Firefox in Safari berejo WOFF2 že leta, redki brskalniki, ki ga ne, na primer Internet Explorer 11, pa le redko upravičijo dodatno datoteko. Izhod TTF v WOFF dodajte kot drugi vnos src le, če analitika kaže takšne obiskovalce.

Zakaj je moja pisava WOFF2 še vedno večja od 100 KB?

Stiskanje zmanjša le način shranjevanja glifov, ne njihovega števila. Pisava, ki pokriva latinico, cirilico, grščino in vietnamščino, vsebuje vse naštete. Podmnožica pisav, ki jih res prikazujete, je tisto, kar besedilno pisavo zmanjša na nekaj deset kilobajtov.

Kaj naredi font-display: swap?

Brskalniku naroči, naj besedilo takoj prikaže v nadomestni pisavi in zamenja v vašo spletno pisavo, ko se ta naloži, namesto da besedilo med prenosom skrije. Dodajte ga v pravilo @font-face, kot v zgornjem primeru, ali uporabite optional, če na počasnih povezavah raje preskočite pozno zamenjavo.

Ali lahko pisavo TTF iz Google Fonts pretvorim v WOFF2 in jo gostim sam?

Da. Družine Google Fonts so izdane z licenco SIL Open Font License ali Apache License, ki obe dovoljujeta pretvorbo in lastno gostovanje. Z lastnim gostovanjem datoteke se izognete tudi zahtevi do strežnika tretje osebe.

Ali WOFF2 deluje v e-poštnih novicah?

Samo v nekaterih odjemalcih. Apple Mail in iOS Mail nalagata spletne pisave prek @font-face, Gmail in večina različic Outlooka pa jih prezre ter prikaže nadomestno pisavo. V skladu pisav v e-pošti vedno navedite varno sistemsko pisavo.