Software-Ul

Ce este WOFF (Web Open Font Format)?

Autor: Judy Howell
Data Creației: 1 Iulie 2021
Data Actualizării: 6 Iunie 2024
Anonim
woff (Web Open Font Format)
Video: woff (Web Open Font Format)

Conţinut

Ce trebuie să știți despre acest format de font pentru web

Web Open Font Format (WOFF) este un format de fișier pentru fonturi web dezvoltat de Mozilla. Un fișier WOFF poate conține fișiere TTF și OTF comprimate, precum și informații de licență și alte metadate. Iată ce trebuie să știți despre WOFF.

Informațiile din acest articol se aplică fișierelor WOFF și WOFF2.

Ce este un fișier WOFF?

Similar fișierelor ZIP, fișierele WOFF acționează ca containere pentru alte fișiere, în special fișiere TrueType Font (TTF) și OpenType Font (OTF). Aceste tipuri de fișiere oferă designerilor web posibilitatea de a utiliza fonturi în afara caracterelor standard găsite pe majoritatea computerelor.

WOFF a fost înlocuit de formatul WOFF2. WOFF2 oferă algoritmi de compresie și mai buni, ceea ce reduce dimensiunea fișierului original cu încă 30 la sută. Prin urmare, fișierele WOFF2 ocupă mai puțin lățime de bandă și se încarcă chiar mai repede. Fișierele WOFF au extensia .woff, în timp ce fișierele WOFF2 au extensia .woff2.


Cum funcționează fișierele WOFF?

Practic, toate paginile web folosesc foi de stil Cascading (CSS) pentru a defini aspectul HTML și al altor elemente de pe ecran. De exemplu, dezvoltatorii pot utiliza CCS pentru a schimba fonturile web, făcând referință la fonturile care sunt deja instalate pe computerul utilizatorului. Cu toate acestea, dacă computerul sau browserul nu acceptă un font, acesta va apărea ca un font diferit sau nu se va încărca deloc în funcție de modul în care este configurat stiva de fonturi a paginii.

Pentru a evita această problemă, fonturile personalizate pot fi stocate într-un fișier WOFF, care este salvat pe un server cu toate celelalte elemente ale paginii web. Proiectantul poate apoi să folosească proprietatea CSS @ font-face pentru a face referire la fișierul WOFF și să redea fontul în browser.

Google Chrome, Firefox, Microsoft Edge, Opera și Safari acceptă toate formatul WOFF, dar poate fi necesar să actualizați browserul web la cea mai recentă versiune.

Beneficiile WOFF

Pe lângă extinderea tipurilor de fonturi disponibile pentru dezvoltatorii web, utilizarea fișierelor WOFF are mai multe avantaje. De exemplu:


  • Comprimare: Deoarece fișierele WOFF sunt comprimate, ele se încarcă mai rapid decât alte tipuri de fișiere font.
  • Suport HTML și CSS: Spre deosebire de fișierele de imagine, fișierele WOFF pot fi stilizate cu HTML și CSS.
  • SEO: Fonturile WOFF sunt mai bune pentru optimizarea motoarelor de căutare (SEO) decât imaginile cu text.
  • Redarea optimizată: Fișierele WOFF includ informații tipografice, inclusiv forme contextuale și figuri de stil vechi, permițând redarea optimă pe toate dispozitivele.
  • Accesibilitatea site-ului: Fișierele WOFF fac site-urile mai accesibile, deoarece textul poate fi citit cu voce tare și imaginile cu text nu pot.
  • Încorporarea: Fonturile WOFF ajută la internaționalizare, permițându-vă să încorporați fonturi cu caractere din alte limbi.

Creați propriile dvs. fonturi WOFF

Editorii de fonturi precum FontForge vă permit să vă proiectați seturile de fonturi și să le exportați ca fișiere WOFF. De asemenea, puteți converti fișiere WOFF în fișiere TTF sau OTF folosind FontForge. Dacă aveți un alt editor de fonturi care vă place, acesta acceptă doar TTF sau OTF, puteți utiliza instrumentul sfnt2woff pentru a converti fonturile în fișiere WOFF.


Open Font Library și Font Squirrel au sute de fonturi în format WOFF, care sunt gratuite pentru utilizare comercială și non-comercială.

Publicații Fascinante

Fascinant

Dosarul Descărcărilor: Ce este și cum funcționează
Internet

Dosarul Descărcărilor: Ce este și cum funcționează

Doarul decărcărilor ete locația pe computerul au dipozitivul mobil unde unt plaate fișiere, intalatori și alt conținut decărcat de pe internet. Doarul poate toca conținut temporar au permanent, î...
Adăugați un efect de lumină de soare de aur în elementele Photoshop fără plugin-uri
Software-Ul

Adăugați un efect de lumină de soare de aur în elementele Photoshop fără plugin-uri

Nu aveți nevoie de niciun plug-in pentru a crea un efect de oare în Photohop Element.Ete poibil ă e obțină efecte de iluminare naturală directă și difuză, utilizând gradienți și ametecuri d...