Dernières infos :

Les meilleures familles de polices compatibles linux/windows/mac

mardi 29 septembre 2009 [08:49:36]

C'est en faisant des recherches sur la compatibilité des familles de polices (font-family en css) que je suis tombé sur cette référence sur le W3C http://www.w3.org/TR/CSS21/fonts.html

Par conséquent j'ai fait un premier petit récapitulatif.

/* http://www.w3.org/TR/CSS21/fonts.html polices (font) conseillées pour Linux/Windows/Mac */

/* serif */
body{font-family:"Times New Roman",Bodoni,Garamond,"Minion Web","ITC Stone Serif","MS Georgia","Bitstream Cyberbit";}
/* sans-serif */
body{font-family:"MS Trebuchet","ITC Avant Garde Gothic","MS Arial","MS Verdana",Univers,Futura,"ITC Stone Sans","Gill Sans","Akzidenz Grotesk",Helvetica;}
/* monospace */
body{font-family:Courier,"MS Courier New",Prestige,"Everson Mono";}
/* cursive */
body{font-family:"Caflisch Script","Adobe Poetica",Sanvito,"Ex Ponto","Snell Roundhand",Zapf-Chancery;}
/* fantasy */
body{font-family:"Alpha Geometrique",Critter,Cottonwood,"FB Reactor",Studz;}

Mais en testant ces familles de fonts j'ai eu quelques mauvaises surprises, taille des polices inégales, finesses, polices inexistantes etc., d'autre part l'ordre des polices (fonts) est important et donne des rendus très différents selon les plateformes.

J'ai donc séléctionné mes polices (fonts) pour avoir des rendus à peu près équivalents selon les OS et en me basant aussi sur http://www.codestyle.org/css/font-family/index.shtml c'est à dire sur l'observation de la fréquence des fonts utilisées sur les plateformes.

Donc ça donne à partir des fonts les plus utilisées sur la plupart de OS (à 90%) et en respectant l'ordre des polices dans le déclaration font-family:

/* http://www.codestyle.org/css/font-family/index.shtml polices (font) conseillées pour Linux/Windows/Mac */

/* serif */
body{font-family:Georgia,"URW Palladio L",Times,"Palatino Linotype ","URW Bookman L",Sylfaen,"Times New Roman","Century Schoolbook L","Bitstream Charter",serif;}
/* sans-serif */
body{font-family:Tahoma,"Trebuchet MS","Nimbus Sans L",Arial,"Franklin Gothic Medium","Helvetica Neue",Geneva,Verdana,"URW Gothic L","Gill Sans",Helvetica,"Lucida Sans Unicode","Arial Black","Lucida Grande","Microsoft Sans Serif",sans-serif;}
/* monospace */
body{font-family:Monaco,"Lucia Console","DejaVu Sans Mono","Courier 10 Pitch","Nimbus Mono L","Courier New",Courier",monospace;}
/* cursive */
body{font-family:"Apple Chancery","URW Chancery L","Comic Sans MS",cursive;}
/* fantasy */
body{font-family:Impact,fantasy;}

Ces listes de polices (font) fonctionnent assez bien mais sont un peu longues et j'ai remarqué quelques différences de taille, donc j'ai supprimé quelques polices (font) et réorganisé l'ordre.

/* http://logz.org/font-family/font.php polices (font) conseillées pour Linux/Windows/Mac */

/* serif */
body{font-family:"URW Palladio L","URW Bookman L","Century Schoolbook",Georgia,Times,"Times New Roman","Palatino Linotype",serif;}
/* sans-serif */
body{font-family:"Nimbus Sans L","URW Gothic L",Verdana,Tahoma,Helvetica,"Lucida Grande",Geneva,"DejaVu Sans","Microsoft Sans Serif",sans-serif;}
/* monospace */
body{font-family:"Bitstream Vera Sans Mono","Courier 10 Pitch","Nimbus Mono L",Monaco,"Courier New",Courier,"OCR A Extended","DejaVu Sans Mono","Lucida Console",monospace;}
/* cursive */
body{font-family:"Domestic Manners","URW Chancery L","Brush Script MT",Zapfino,"Apple Chancery","Bradley Hand ITC","Monotype Corsiva","Comic Sans MS",cursive;}
/* fantasy */
body{font-family:"Marked Fool",Junkyard,Balker,Papyrus,Haettenschweiler,Impact,fantasy;}

L'affichage est correct sur les principaux os et navigateurs.

Pour voir ce que ça donne sur votre ordinateur http://logz.org/font-family/font.php

Pour connaitre quelles sont les fonts web intallées sur votre ordinateur

Testé sur linux xubuntu, win XP, win7 et mac.