Convertor TTF în WOFF2

Găzduirea propriului font începe aici: WOFF2 este formatul pe care toate browserele actuale îl descarcă primul și cel mai compact înveliș pentru datele TrueType pe care le aveți deja. Pagina scrie și regula CSS care îl încarcă.

sau trage Fișiere TTF, OTF, WOFF … aici ·

Maximum 95 MB per fișier· Până la 20 fișiere· Șterse după 30 minute

Rezultat

Convertește în

Fișierele sunt procesate pe serverele noastre și șterse după 30 minute.

Cum se folosește acest instrument

1
Încărcați fișierele TTF
Adăugați toate grosimile și stilurile pe care plănuiți să le folosiți, până la 20 de fișiere de maximum 95 MB fiecare. Fișierele TTF variabile funcționează și ele și își păstrează axele.
2
Lăsați CSS activat și folosiți un subset dacă puteți
Opțiunea Include CSS @font-face este deja bifată. La Setări avansate, setați Păstrează caracterele pe Basic Latin sau Latin + diacritice dacă site-ul dvs. este într-o limbă occidentală și luați în calcul setarea Hinting pe Remove.
3
Convertiți în WOFF2
Apăsați Convertește în WOFF2 și descărcați fonturile împreună cu fișierul .css. Încărcați-le pe site și legați foaia de stil sau lipiți regula în a dvs.

Răspuns

Cum convertesc TTF în WOFF2 pentru site-ul meu?

Încărcați fișierul .ttf, lăsați bifată opțiunea Include CSS @font-face și apăsați Convertește în WOFF2. Primiți fișierul .woff2 plus un fișier .css cu o regulă @font-face care trimite la el.

De ce WOFF2 este formatul de font web recomandat

Un TTF conține tabele de date necomprimate: contururi, metrici, kerning, nume. WOFF2, publicat ca Recomandare W3C în 2018, păstrează exact aceleași tabele, dar le trece prin Brotli, algoritmul de comprimare lansat de Google în 2015, după ce reorganizează conturul glifelor pentru a se comprima mai bine. Testele Google au arătat că WOFF2 este în medie cu aproximativ 30% mai mic decât vechiul format WOFF, iar browserul restabilește datele originale ale fontului după descărcare, deci forma literelor nu se schimbă deloc.

Fonturile blochează randarea, de aceea mărimea lor contează mai mult decât sugerează kilobiții. Până sosește un font web, browserul ascunde textul sau afișează unul de rezervă, iar o schimbare târzie poate muta aspectul paginii. Fișierele mai mici scurtează această fereastră, iar două opțiuni de aici o scurtează și mai mult: Păstrează caracterele elimină glifele pe care paginile dvs. nu le afișează, iar Hinting setat pe Remove elimină instrucțiunile pe care telefoanele și ecranele de densitate mare oricum le ignoră. Păstrați fișierele TTF originale pentru uz pe desktop; WOFF2 în TTF poate despacheta ulterior un font web, dar nu poate readuce glifele eliminate de un subset.

Mărimea fișierului: TTF comparat cu WOFF2

TTF, set complet de caractere

100%

Tabele de font necomprimate, cum sunt instalate pe desktop

Valori tipice pentru un font de text multi-script

WOFF2, subset Basic Latin

adesea 10–25%

Comprimare Brotli plus mai puține glife; variază în funcție de font

Regula @font-face pentru un font WOFF2

Regulă de exemplu; înlocuiți numele și eliminați unicode-range dacă nu ați făcut subset

@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;
}

Suportul WOFF2 în browsere, versiune cu versiune

2014
Chrome 36
Browserul Google este primul care decodează WOFF2 implicit.
2015
Firefox 39
Mozilla activează implicit decodarea WOFF2.
2016
Edge 14
Edge-ul original de la Microsoft adaugă WOFF2 odată cu Windows 10 Anniversary Update.
2018
Recomandare W3C
Specificația este finalizată; până atunci și Safari pe macOS și iOS decodează WOFF2.

TTF

Font TrueType

TTF este formatul de fonturi TrueType dezvoltat de Apple la sfârșitul anilor 1980 și lansat în 1991, apoi licențiat către Microsoft. Definește contururile glifelor cu curbe pătratice și include instrucțiuni de hinting care fac textul clar pe ecran. TrueType este acceptat de toate sistemele de operare desktop, procesoarele de text și aplicațiile de design. Îi lipsesc unele funcții tipografice avansate din OpenType și este mai mare decât formatele de fonturi web.

Compresie: Fără pierderi
Transparență: –
Animație: –
Introdus în: 1991 · Apple

Convertor TTF

WOFF2

Web Open Font Format 2

WOFF2 este a doua versiune a Web Open Font Format, bazată pe compresia Brotli de la Google și publicată ca Recomandare W3C în 2018. Fișierele sunt cu aproximativ 30% mai mici decât WOFF, ceea ce ajută paginile să se încarce mai repede. Toate browserele moderne acceptă WOFF2, iar acesta este formatul recomandat pentru fonturile web. Sistemele de operare desktop și aplicațiile de design nu îl pot instala direct.

Compresie: Fără pierderi
Transparență: –
Animație: –
Introdus în: 2018 · W3C (Google)

Convertor WOFF2

Conversia TTF în WOFF2 împachetează un font de desktop în containerul comprimat cu Brotli pe care îl preferă browserele, astfel că aceleași glife ajung la vizitatori în mai puțini octeți; pagina inversă există pentru cei care vor să instaleze un font găsit pe web.

Întrebări frecvente despre TTF în WOFF2

Mai am nevoie de o variantă de rezervă TTF sau WOFF lângă WOFF2?

Pentru site-urile publice de azi, de obicei nu. Chrome, Edge, Firefox și Safari citesc WOFF2 de ani de zile, iar puținele browsere care nu o fac, precum Internet Explorer 11, rareori merită un fișier în plus. Adăugați rezultatul TTF în WOFF ca a doua intrare src doar dacă statisticile dvs. arată astfel de vizitatori.

De ce fontul WOFF2 are încă peste 100 KB?

Comprimarea micșorează doar felul în care sunt stocate glifele, nu numărul lor. Un font care acoperă latina, chirilica, greaca și vietnameza le livrează pe toate. Reducerea la scripturile pe care le afișați efectiv este cea care aduce un font de text la zeci de kiloocteți.

Ce face font-display: swap?

Spune browserului să afișeze imediat textul într-un font de rezervă și să treacă la fontul web când acesta ajunge, în loc să ascundă textul cât se descarcă. Adăugați-l în regula @font-face ca în exemplul de mai sus sau folosiți optional dacă preferați să evitați o schimbare târzie pe conexiuni lente.

Pot converti un TTF de pe Google Fonts în WOFF2 și să îl găzduiesc singur?

Da. Familiile Google Fonts sunt publicate sub licența SIL Open Font License sau Apache License, ambele permițând conversia și găzduirea proprie. Dacă găzduiți fișierul singur, evitați și o cerere către un server terț.

Funcționează WOFF2 în newsletterele trimise pe e-mail?

Doar în unele aplicații. Apple Mail și iOS Mail încarcă fonturi web prin @font-face, în timp ce Gmail și majoritatea versiunilor Outlook le ignoră și afișează fontul de rezervă. Treceți mereu un font de sistem sigur în lista de fonturi a unui e-mail.

Convertor TTF în WOFF2

Convertor de fonturi

Cum se folosește acest instrument

Încărcați fișierele TTF

Lăsați CSS activat și folosiți un subset dacă puteți

Convertiți în WOFF2