Utilizà u Fonti Customizati in Pagine Web
U cuntenutivu di testu ha statu sempri un piacevule di siti web, ma in i primi tempi di a Web, i diseggiani è i sviluppatori eranu severamente limitati in u cuntrollu tipogru chì anu avutu in e so pagine. Hè stata inclusa una limitazione in i tipichi chì puderanu usà comodamente in i so siti. Avete avutu probabilmente a parolla "fattura sicuritaria web" annunziata in u passatu. Questu hè chjamatu u settore chjucu di funti chì anu pussibile di esse cumpressu in l'urdinatore di una persona, chì significheghju chì u situ utilizatu unu di quelli fonts, era una apposta sicura ch'ella pudia esse prestu in u navigatore di una persona.
Oghje, i web professorii anu un accordu di novi funti è opere di tipu per travaglià, una di quale hè u format WOFF.
Chì hè WOFF?
WOFF hè un sigulu chì significa "Web Open Font Format". Hè utilita per compress font d'utilità cù a propietata CSS @ font-face. Hè un modu per incrustà i fontenze in e pagine web per quì pudete aduprà persunalizazione specializate da u tipicu "Arial, Times New Roman, Georgia" - quale sò certi di ei cartulare sicuri di u web.
WOFF hè statu sottumessu à u W3C cum'è un standard per e fugliali di impresa per e pagine web. Hè divintatu un scrive di travagliu u 16 di Novembre 2010. Avemu avemu avutu aduprà WOFF 2.0, chì improves a compressione da a prima versione di u formatu da quasi u 30%. In certi casi, queste savingu pò esse ancu più sustanciale!
Perchè Utilice WOFF?
I fonts di u Web, ancu quelli chì viaghjavanu via u format WOFF, furnisce assai avantasori about other font choices. Hè valtu cum'è quelli siti sicurità sò sicuru, è ùn ci hè un locu per quelli fonts in u nostru travagliu, hè bonu per espansione ancu e nostre scelta è apre u opere tipografiche.
I funziunari WOFF anu the following benefici:
- Sò più accessibuli da i funziunei cum'è imagine. WOFF stile un testu HTML chiaru cù CSS, dà accessibilità è u control di designu chì l'imagine ùn permettenu micca.
- I schedarii WOFF includenu informazzjoni tipugrafica, cum'è forme contextuale è figuri di stile. Questu hà datu a vostra pagina web per una tipugrafia megliu perchè vo pudete usà i caratteri chjassi, micca solu apprezzazioni.
- I fonts di WOFF pò aiutà l'internaziunizazione perchè pudete incarnà fonts cù caratteri d'altre lingue.
- Cumu tutte u testu styled CSS, font styled con WOFF sò più ricercati di amici di ricerca. I pruvà mutori ùn "micca vedutu" testu incruciutu in una imaghjera, è mentri u testu ALT pò aiutà, ùn hè micca sustituutu per u testu stessu.
- I funichi di WOFF sò cumpressi, per quessi sò più chjosi chì altre tipu di ricerca di font. Questu avete aiutu cù a veloce di scaricà è a prestazione generale.
- Pudete utilizà i schedari WOFF per conservà a vostra identità di marca da incrucià i vostri fonti à a sucietà cum'è WOFF.
Uffochjate di u WOFF
WOFF hè un supportu di u browser in navigatori moderni, cumpresu:
- Chrome 6+
- Firefox 3.6+
- Internet Explorer 9+
- Opera 11.1+
- Safari 5.1+
Hè sopratuttu sustinienziatu tutta a tribunale di queste ghjornu, cù a sclusione urdinata chì tutte e versioni di Opera Mini.
Cumu usu WOFF Fonts
Per utilizà un schedariu WOFF, deve aghjustà un schedariu WOFF à u vostru servore web, dà un nome cù a propietata di @ font-face è, dopu, chjamate a fonte in u vostru CSS. Per esempiu:
- Pianu a fonte denomina myWoffFont.woff à u cartulare / fonts di u web server.
- In u vostru articulu CSS aghjunghjite una sección di @ font-face:
@ font-face {
font-family: myWoffFont;
U src: url ('/ fonts / myWoffFont.woff') format ("wout");
}
- Aghjunghjite l'infurmazioni nova di fonte (myWoffFont) à a vostra fontenera CSS, cum'è chì avete avutu un altru nome di fonte:
p {
font-family: myWoffFont , Ginevra, Arial, Helvetica, sans-serif;
}
Dove alcunu schola Voce
Ci hè dui grandi piazze chì pudete truvà molti chjappi di u funziunamentu chì sò liberi per usu cummerciale è micca cummerciale:
- Open Source Library
- Font Squirrel
Se tenete una licenza per utilizà una fontana chì ùn sò micca dispunibili in un format WOFF, pudete utilizà un creatore WOFF cum'è à Font Squirrel per cunvertisce i vostri fugliali di tipografia in u file WOFF. Ci hè ancu una strada di a cumanda comanda sfnt2woff chi pudete utilizà à Macintosh è Windows per cunvertisce i vostri fugliali TrueType / OpenType à WOFF.
Scaricate u binariu apprupriatu à u vostru sistema è fàlanu nantu à a linea di cumanda (o Terminal) è seguitate i struzzioni.
WOFF. Esempiu
Eccu alcuni exempli di schedarii WOFF: WOFF Page in HTML5 in 24 ora.
Articulu originale per Jennifer Krynin. Edited di Jeremy Girard in u 7/11/17