Fonts pertsonalizatuak web orrietan erabiltzea
Testu-edukia webguneen zati garrantzitsu izan da beti, baina Webaren lehen egunetan, diseinatzaileek eta garatzaileek beren web orrietan izan zituzten kontrol tipografikoan oso mugatuak izan ziren. Horrela, beren guneetan modu fidagarrian erabili ahal izan zituzten letra-tipoetan muga bat zegoen. Litekeena da iraganean aipatu den "iraungitako web iturri seguruak" esatea. Horrek esan nahi du letra-tipoak txiki bat izan zitezkeela pertsona baten ordenagailuan sartuta egon zitekeela, hau da, letra-tipo horietako bat erabiltzen bazenuen, apustu segurua izan zen pertsona baten nabigatzailean behar bezala errenditu zitekeen.
Gaur egun, web-eko profesionalek letra-tipo eta motako aukera berriak eskaintzen dituzte, horietako bat WOFF formatua da.
Zer da WOFF?
WOFF "Web Open Font Format" izeneko akronimoa da. CSS @ font-face propietatearekin erabiltzeko letra-tipoak konprimitzeko erabiltzen da. Web orrien letra-tipoak txertatzeko modu bat da, "Arial, Times New Roman, Georgia" ohiko tipoak erabil ditzakezula.
WOFF W3C-ri bidalitako web orrialdeetarako biltegien estandar gisa aurkeztu zen. 2010eko azaroaren 16an egindako lan-zirriborro bihurtu zen. Gaur egun, WOFF 2.0 dugu benetan, formatuaren lehen bertsioaren konpresioa hobetzen baitu ia% 30. Zenbait kasutan, aurrezki horiek are garrantzitsuagoa izan daiteke!
Zergatik erabili WOFF?
Web iturriek, WOFF formatuan entregatutakoak barne, abantaila ugari eskaintzen dituzte beste aukera batzuen gainetik. Letra-tipo seguruak izan diren bezain baliagarriak izan dira, eta oraindik ere badago gure laneko letra-tipoak egiteko lekua, atsegina da gure aukera zabaltzea eta gure aukerak tipografikoak zabaltzea.
WOFF letra-tipoak ondoko prestazioak dituzte:
- Irudien letra tipoak baino errazagoak dira. WOFF-k CSS-rekin HTML testu arruntak eskaintzen ditu, irudiak ezin izango dituela erabilerraztasuna eta diseinua kontrolatzen.
- WOFF fitxategiak informazio tipografikoa bezalako testuinguruko formak eta estilo zaharreko irudiak bezalakoak dira. Horrek zure web orriak tipografia hobea ematen du karaktere zuzenak erabiltzen ari zarelako, ez soilik hurbilketak.
- WOFF letra-tipoak nazioartekotzearekin laguntzen du, beste hizkuntza batzuetako letra-tipoak txertatzeko.
- CSS estilo guztietako testuak bezala, WOFFrekin sortutako letra-tipoak bilaketa motordunagoak dira. Bilaketa-motorrek ez dute "ikusi" irudian kapsulatutako testua, eta ALT testuak lagundu dezakeen bitartean, ez dago testua bera ordezkatzeko.
- WOFF letra-tipoak konprimituta daude, beraz beste letra-tipo mota batzuek baino txikiagoak dira. Honek lagunduko du gune deskargatzeko abiadura eta errendimendu orokorra.
- WOFF fitxategiak erabil ditzakezu zure marka identitatea zaintzeko WOFF fitxategi gisa korporazioko letra-tipoak kapsulatzean.
WOFF arakatzailearen euskarria
WOFF arakatzailearen laguntza bikaina du nabigatzaile modernoetan, besteak beste:
- Chrome 6+
- Firefox 3.6+
- Internet Explorer 9+
- Opera 11.1+
- Safari 5.1+
Funtsean taula osoan onartzen da egun hauetan, Opera Mini-ren bertsio guztiak izan ezik.
WOFF Fonts nola erabili
WOFF fitxategi bat erabiltzeko, WOFF fitxategi bat kargatu behar duzu zure web zerbitzarira, eman izena @ font-face propietatearekin, eta ondoren deitu CSS letra-tipoa. Adibidez:
- Kargatu 'myWoffFont.woff' izeneko letra-tipoa web zerbitzariaren / letra-tipoen direktorioaren gainean.
- Zure CSS fitxategian gehitu @ font-face sekzio:
@ font-face {
font-family: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') formatua ('woff');
}
- Gehitu letra-tipoaren izena (myWoffFont) zure CSS letra-tipoaren azpian, beste edozein letra-tipo bezala:
p {
font-family: myWoffFont , Geneva, Arial, Helvetica, sans-serif;
}
Non WOFF letra tipoak lortu
Badira bi leku handiak WOFF letra-tipo ugari aurki ditzakezun merkataritza eta erabilera ez komertzialerako doakoak direnak:
- Ireki iturrien liburutegia
- Letra urtxintxa
WOFF formatuan erabilgarri ez dagoen letra-tipoa erabiltzeko lizentziarik baduzu, WOFF sortzaile bat erabil dezakezu Font Squirrel-en, zure letra-tipoak WOFF fitxategietan bihurtzeko. Gainera, Macintosh eta Windows-en erabil ditzakezun sfnt2woff izeneko komando-lerroko tresna bat da TrueType / OpenType letra-tipoak WOFF bihurtzeko.
Deskargatu zure sistemako binario egokia eta exekutatu komando lerroan (edo Terminala) eta jarraitu argibideak.
WOFF Adibidea
Hona hemen WOFF fitxategien adibide batzuk: WOFF Page orria HTML5-n 24 orduetan.
Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek argitaratua17 / 11 / 17an