marie-andree
10 septembre 2008

Polices standards pour le Web (Web-safe fonts)

Les Web-safe fonts sont des polices de caractère qui sont présentes dans la plupart des systèmes d’exploitation (Windows, Linux, OSX) et qui sont utilisées par les concepteurs Web pour augmenter leur chance d’avoir du contenu Web diffusé selon leur choix de police.

En effet, l’objectif de tous les webmestres de ce monde est de concevoir des sites Web qui s’affichent de la même façon (ou presque) peu importe les plate-formes, les navigateurs ou les périphériques des internautes. Pour ce faire, il est nécessaire d’utiliser des web-safe fonts.

Les internautes voient seulement les polices qui sont installées sur leur ordinateur. Advenant le cas qu’un internaute n’ait pas une police, son navigateur choisira une police alternative. N’y pensez même pas, il est impossible de forcer les internautes à télécharger et istaller une police! Il est donc impossible de garantir la manière dont les pages Web seront rendues dans les navigateurs.

Pour avoir le maximum de contrôle sur l’affichage, il est donc aussi important de déterminé les polices alternatives ainsi que la famille.

font-family: Arial, Helvetica, Verdana, sans-serif;
Police souhaitée : Arial
Police alternative : Helvetica et verdana
Famille : sans-sérif

Voici la liste des Web-safe fonts (PC, Mac, Linux) :

—SERIF—
Georgia
Times New Roman

—SANS-SERIF—
Andale Mono
Arial
Arial Black
Impact
Trebuchet MS
Verdana
Webdings

—CURSIVE—
Comic Sans MS

—MONOSPACE—
Courier New

Voici des fonts qui peuvent être utilisé en Web, mais qui ne sont pas officiellement des web-safe fonts. Il est donc important de bien spécifier les polices alternatives :

Century Gothic
Lucida
Palatino
Tahoma

Quelques exemples connus :

Facebook
Lucida grande, Tahoma, Verdana, Arial, Sans-serif

Google
Arial, Sans-serif

Yahoo
Arial, Helvetica, Verdana, Sans-serif

Hotmail
Verdana, Sans-serif

Blogger
Trebuchet MS, Verdana, Arial, Sans-serif

Myspace
Verdana, Arial, Helvetica, Sans-serif

iTunes
Lucida Grande, Lucida Sans Unicode, Arial, Verdana, Sans-serif





3 Commentaires


6 juillet 2009 par Guillaume Legault

Très utiles comme info, merci Marie!

1 septembre 2009 par Sébastien

Bonjour et merci pour les infos! Il existe certaines alternative à cela, notamment Typeface: http://sebastien.pichonnat.ch/developpement/police-perso-cms-typeface ;-)

27 avril 2010 par olivier

Hein? La Impact est web-safe? Wow, méchant potentiel de titres 'coup-de-poing'!