I nuovi font di Vista nei CSS

Windows Vista e Office 2007 sono ormai da un po' usciti e con la loro adozione in tanti possono contare sui font della ClearType Font Collection (Calibri, Cambria, Candara, Consolas, Constantia, Corbel) che nelle intenzioni di Microsoft dovrebbe sostituire la classica famiglia di font definita a suo tempo (1996) nel progetto Core fonts for the web (parliamo dei magnifici sei: Arial, Verdana, Georgia, Trebuchet, Times New Roman e Courier New).

Partendo da questa constatazione, Christian Montoya lancia il suo appello a designer e sviluppatori: iniziate ad usarli nella definizione delle font-family dei vostri CSS! Tutto facile? Non proprio.

Per prima cosa c'è da tenere presente che non tutti hanno Vista o Office 2007, e che quei font non possono essere scaricati singolarmente da nessuna parte. Detto altrimenti: io potrei anche usarli nel mio foglio di stile, ma vorrei prima di tutto verificare come rendono sui vari browser e sistemi operativi.

La soluzione la suggerisce lo stesso Montoya rimandando a questo post di Matt Thomas. Volete i nuovi font di Microsoft? Scaricatevi il Powerpoint Viewer 2007, installatelo su XP (ma anche Windows 2000 o Windows Server 2003), poi andate nella cartella Fonts per verificare. Io l'ho fatto e mi sono portato i sei font anche su Mac OS X (penso si possa fare anche su Linux). L'unico problema l'ho avuto con l'installazione di uno dei Cambria, per il resto tutto bene.

A questo punto c'è da verificare la visualizzazione a schermo. Purtroppo non ho Vista, perché la prima cosa che volevo verificare era la resa su un sistema operativo su cui dovrebbero in teoria dare il meglio di sé. Ho comunque preparato un paio di pagine di test. Sulla prima ho usato come prima opzione per i font i nuovi; sulla seconda i font vecchi. Potete ovviamente dare il vostro feedback (specie se avete Vista) e usarle come base per ulteriori test (per esempio modificando le dimensioni, le unità  di misura, la spaziatura, etc).

Su Safari non ho riscontrato particolari problemi, né sulle mie pagine né sui siti che ho linkato all'inizio. Per Firefox lo stesso Matt Thomas mi ha messo la pulce nell'orecchio. Ecco due screenshot che mostrano la resa di Constantia, con le dimensioni da lui usate sul suo blog, sulla versione per Windows

e su quella per Mac:

Tra l'altro ho potuto verificare un altro problema con Firefox su Mac. Calibri non viene visualizzato se le dimensioni sono inferiori a 1.3 usando come unità  di misura gli em e se sono inferiori a 18px usando i pixel. Provare per credere (grazie Firebug!): screenshot con 1.2em, screenshot con 1.3em. Nulla di cià si riscontra su Firefox per Windows, a riprova di quanto dicevo qui (tra l'altro a certi problemi di Calibri avevamo accennato anche in un altro post).