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
Datoteke se obdelajo na naših strežnikih in izbrišejo po 30 minutah.
Odstranitev pisav, ki jih ne uporabljate, lahko spletno pisavo zmanjša s sto KB na manj kot 30 KB. Za pisave, ki jih namestite v računalnik, ohranite vse znake.
Prilepite besedilo ali znake, ki jih mora pisava pokrivati, npr. besedo iz logotipa ali naslov. Vse drugo se odstrani.
Namigi izostrijo majhno besedilo na zaslonih Windows. Z odstranitvijo pogosto prihranite 10–30 % pri spletnih pisavah; samodejni namigi jih dodajo pisavam, ki jih nimajo.
Pustite prazno, da ostane izvirno. S preimenovanjem lahko pretvorjeno pisavo namestite ob izvirni brez konflikta.
Npr. Regular, Bold, Italic. Pustite prazno, da ostane izvirno ime sloga.
Kako uporabljati to orodje
- 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
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
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.
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
WOFF2, podmnožica Basic Latin
pogosto 10–25 %
Stiskanje Brotli in manj glifov; odvisno od pisave
Pravilo @font-face za pisavo WOFF2
@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
2014
Chrome 36
Googlov brskalnik kot prvi privzeto dekodira WOFF2.
2015
Firefox 39
Mozilla privzeto omogoči dekodiranje WOFF2.
2016
Edge 14
Microsoftov izvirni Edge doda WOFF2 z jubilejno posodobitvijo sistema Windows 10.
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
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)
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.