Importare il vostro font preferito con i CSS

Già da tempo abbiamo modo di poter integrare sulle nostre pagine web il nostro font preferito.

Infatti grazia a i CSS abbiamo modo di poter includere con la proprietà @font-face qualsiasi free font.

Di seguito trovate la regola CSS completa da utilizzare, dove ovviamente va caricato il file del nostro font .eot, .ttf o altra estensione assieme a tutti gli altri file del sito.

@font-face { font-family: ‘Miofont’; src: url(‘Miofont.eot’); }

Vi consiglio di tenere sempre tutti i file ben separati, io utilizzo sempre una cartella a parte chiamata font dove carico tutti i font che utilizzo, generalmente mai più di uno, però le estensioni possono essere tante.

Vi segnalo un sito (fontsquirrel) per chi non lo conoscesse ancora dove potete trova decine e decine di font scaricabili gratuitamente con il quali potrete dare un tocco in più al vostro sito.

Potete scaricare solo il font che più vi interessa oppure un kit che comprende:

• font nelle varie estensioni
• file CSS (stylesheet.css) per importare il font, da copiare e incollare direttamente sul vostro foglio di stile,
• la licenza che vi consiglio sempre di leggere
• un file html per la demo

È un sito molto utile e senz’altro vi consiglio di visitarlo, interessante anche la parte @font-face Generetor che vi consiglio di approfondire se siete in possesso di un font che non è tra quelli presenti sul sito, aggiungendo il font potrete scaricare il kit completo.

Insomma uno strumento utile ma da utilizzare con cautela. Perchè?

Io preferisco utilizzare font particolari solo per le intestazioni e i classici Verdana, Arial, Trebuschet, Helvetica, Georgia ecc. per i paragrafi.

Innanzi tutto perchè potremmo trovarci nel caso di un font con molte grazie e che se utilizzato nelle dimensioni più piccole diventa illeggibile, e poi perchè ogni browser stampa i font in maniera diversa e per quanto mi duole dirlo in questo caso Explore è sicuramente il migliore, mentre Firefox non è all’altezza.

No no, non preoccupatevi! Non ci penso affatto a separarmi dal miglio browser del mondo.