Le tue font, sul tuo sito con... i CSS

Il sogno di ogni web-designer è quello di utilizzare le font come può farlo qualsiasi grafico sulla carta stampata. Invece, la maggior parte delle volte, vuoi per probelmi di copyright, vuoi per problemi di distribuzione della font, si è costretti a ripiegare sulle classiche "web-font", quelle tanto rassicuranti, quelle che non creano probelmi all'impaginazione del tuo sito. Ma se si volessero usare font personali? Niente di più semplice. I nostri "Cascading Style Sheets" (CSS) ci vengono in soccorso come il buon Sanbernardo con la sua fiaschetta colma di liquore.

Ci sono decine di metodi per includere le font in un sito web, la più semplice passa, appunto, attraverso l'uso dei CSS. Non richiede una profonda conoscenza del linguaggio e neanche troppe righe di codice da digitare. Quello che ci serve è l'accesso FTP al nostro sito, un buon programma per scrivere codice (piccolo segreto... anche il blocco note di windows va bene) e... si cominica.

Aprire il client FTP e collegarvi alla cartella principale del vostro sito. Create una cartella in cui inserire la/le font.

Sul vostro foglio di stile personale inserire quanto segue all'inizio del foglio stesso, prima di ogni altra riga di codice. Questo serve a definire la regola secondo la quale si devono usare font esterne in formato true type.

@font-face {

font-family:'inserire il nome della font';

src: url('inserire il persorso esatto in cui avete salvato la font');

}

Ora non vi resta che inserire nelle propietà del body il nome della font in font-family e il gioco è fatto.

body {

font-family:'inserire il nome della font';

font-size:14px;

color:#fff;

text-align:justify;

font-weight:bold;

}

Semplice, veloce e funzionale. Poche righe di codice per ottenre il massimo dall'impaginazione del vostro sito.

P.S.: Utilizzare solo con font "free", quelle scaricate tramite torrent è meglio tenerle nascoste ;o)!