WOFF tīmekļa atvērtā fonta formāts

Izmantojot pielāgotos šriftus tīmekļa lapās

Teksta saturs vienmēr ir bijis svarīgs tīmekļa vietņu gabals, taču tīmekļa sākumā dizaineriem un izstrādātājiem bija ļoti ierobežota tipogrāfiskā kontrole, ko viņiem bija viņu tīmekļa vietnes. Tas ietvēra fontu ierobežojumus, kurus viņi var droši izmantot savās vietnēs. Jūs, visticamāk, dzirdējāt agrāk pieminēto terminu "tīmekļa droši fonti". Tas attiecās uz nelielu fontu kopumu, kas visticamāk tika iekļauts personas datorā, un tas nozīmē, ka, ja vietne izmantotu vienu no šiem fontiem, tā bija droša likme, ka tā tiks pareizi parādīta personas pārlūkprogrammā.

Šodien tīmekļa profesionāļiem ir virkne jaunu fontu un tipa opcijas, ar kurām strādāt, no kuriem viens ir WOFF formāts.

Kas ir WOFF?

WOFF ir akronīms, kas apzīmē Web Open Font Format. To lieto, lai saspiestu fontus lietošanai ar CSS @ font-face īpašībām. Tas ir veids, kā iegult fontus tīmekļa lapās, lai jūs varētu izmantot specializētus fontus, kas pārsniedz tipiskos "Arial, Times New Roman, Georgia" - kas ir daži no iepriekšminētajiem tīmekļa drošības fontiem.

WOFF tika iesniegts W3C kā standarts tīmekļa lapu fontu iepakošanai. Tas kļuva par darba projektu 2010. gada 16. novembrī. Šodien mums faktiski ir WOFF 2.0, kas uzlabo kompresiju no pirmās formāta versijas gandrīz par 30%. Dažos gadījumos šie ietaupījumi var būt vēl ievērojamāki!

Kāpēc izmantot WOFF?

Tīmekļa fonti, ieskaitot tos, kas tiek piegādāti, izmantojot WOFF formātu, sniedz daudz priekšrocību salīdzinājumā ar citām fontu izvēlēm. Tikpat noderīgi kā šajos tīmekļa drošības fontos, un, protams, mums joprojām ir vieta šīm fontiem mūsu darbā, ir patīkami paplašināt mūsu izvēli un atvērt mūsu tipogrāfijas iespējas.

WOFF fontiem ir šādas priekšrocības:

• Tie ir vairāk pieejami nekā fonti kā attēli. WOFF stili ir vienkāršs HTML teksts ar CSS, kas ļauj jums piekļūt un dizains kontrolē, ka attēli neļaus.
• WOFF failos ir tipogrāfiska informācija, piemēram, konteksta formas un vecā stila skaitļi. Tas nodrošina jūsu tīmekļa lapām labāku drukāšanu, jo jūs izmantojat pareizas rakstzīmes, nevis tikai tuvinājumus.

• WOFF fonti var palīdzēt ar internacionalizāciju, jo jūs varat iegult fontus ar citu valodu rakstzīmēm.
• Tāpat kā visi CSS stilizētie teksti, fondi, kas ir veidoti ar WOFF, ir vairāk meklētājprogrammu draudzīgi. Meklētājprogrammas neredz "tekstu, kas ir ietverts attēlā, un kamēr ALT teksts var palīdzēt, pats teksts nav aizvietojams.
• WOFF fonti ir saspiesti, tāpēc tie ir mazāki nekā citu veidu fontu faili. Tas palīdzēs ar vietnes lejupielādes ātrumu un kopējo veiktspēju.
• Jūs varat izmantot WOFF failus, lai saglabātu savu zīmola identitāti, iekļaujot jūsu uzņēmuma fontus kā WOFF failus.

WOFF pārlūka atbalsts

WOFF ir lielisks pārlūka atbalsts mūsdienu pārlūkprogrammās, tostarp:

• Chrome 6+
• Firefox 3.6+
• Internet Explorer 9+
• Opera 11.1+
• Safari 5.1+

Šobrīd tas ir pamatā atbalstīts visās jomās, jo vienīgais izņēmums ir visas Opera Mini versijas.

Kā lietot WOFF fontus

Lai izmantotu WOFF failu, jums ir jāielādē WOFF fails uz jūsu tīmekļa servera, jānorāda nosaukums ar @ font-face īpašumu un pēc tam izsaukuma fontu savā CSS. Piemēram:

1. Augšupielādējiet fontu ar nosaukumu myWoffFont.woff uz tīmekļa servera / fonts direktoriju.
2. Jūsu CSS failā pievienojiet sadaļu @ font-face:

   @ font-face {
   fonta saime: myWoffFont;
   src: url ('/ fonts / myWoffFont.woff') formāts ('woff');
   }

1. Pievienojiet jaunajam fonta nosaukumam (myWoffFont) jūsu CSS fontu kaudzītei, tāpat kā jebkuru citu fonta nosaukumu:

   p {
   fontu saime: myWoffFont , Geneva, Arial, Helvetica, sans-serif;
   }

Kur nokļūt WOFF fontus

Ir divas lieliskas vietas, kurās varat atrast daudz WOFF fontu, kas ir brīvi komerciālai un nekomerciālai lietošanai:

• Atveriet fontu bibliotēku
• Fontu vāvere

Ja jums ir licence izmantot fontu, kas nav pieejams WOFF formātā, jūs varat izmantot WOFF veidotāju, piemēram, fontu vāveru, lai pārvērstu savus fontu failus WOFF failos. Ir arī komandrindas rīks sfnt2woff, ko varat izmantot Macintosh un Windows, lai pārveidotu TrueType / OpenType fontus par WOFF.

Lejupielādējiet atbilstošo bināro sistēmu savai sistēmai un palaidiet to komandrindā (vai terminālā) un izpildiet norādījumus.

WOFF piemērs

Tālāk ir minēti daži WOFF failu piemēri: WOFF Page HTML5 24 stundu laikā.

Jennifera Krīnina oriģinālais raksts. Rediģējis Jeremijs Girards 17/11/17