Web fonts e CSS3. Sfogo alla fantasia.
Andreas Voigt | settembre 29th, 2009 | 7 Comments »
E’ risaputo da tutti, programmatori esperti e meno, e da tutti i webdesigners, che in una pagina html era possibile specificare solo una famiglia o un tipo di fonst, tra quelli pre-installati (Arial, Geneva, Courier, Serif ecc…).
Oggi, con il modulo CSS3 per i web fonts e la proprietà @fontface, è possibile uscire da questo schema ristretto e liberarsi dai soliti fonts per usarne tantissimi altri. Le possibiità diventano infinite perchè la proprietà @font-tace è in grado di far visualizzare fonts che non fanno parte della comune libreria pre-installata, specificando un URL legato ad un font, che potrà così essere scaricato e installato, al fine di renderlo disponibile nella pagina html (e quindi visualizzato).
Quello su cui però bisogna fare attenzione è il copyright. Meglio usare fonts free che non siano tutelati dalla norma sui diritti d’autore, per non incappare in problemi piuttosto spinosi.
Qui su questo blog, per i titoli, abbiamo usato la proprietà @fontface scegliendo un font free per dare un tocco un po’ “diverso” e caratteristico.
Potete trovare idee e soluzioni, per i vostri webfonts anche qui: http://www.fontsquirrel.com/
Qui invece il codice che abbiamo utilizzato:
@font-face {
font-family: 'Luxi Mono';
src: url(fonts/luximr.eot);
src: local('Luxi Mono'), url(fonts/luximr.ttf) format("truetype");
}


