[Infographie] Les fontes « sures » pour le Web

Lorsqu’on développe pour le web, il faut être très vigilant à ce que le site ou l’application soit compatible avec un maximum d’environnements. Si en général, on fait très attention à la compatibilité de ses CSS avec les différents navigateurs, afin de garantir un unicité de rendu, il y a un autre aspect que l’on néglige plus.

En effet, les fontes sont souvent le parent pauvre du test en Webdesign. Car d’un système d’exploitation à un autre, les fontes installées ne sont pas les mêmes, ce qui peut entrainer des surprises dans le rendu visuel. C’est pour cela que l’on recommande d’utiliser des « Web Safe Fonts » (Fontes Sures pour le Web).

L’infographie suivante montre la compatibilité de diverses fontes avec les OS majeurs du marché :

Bien entendu il existe divers mécanismes pour s’assurer que la fonte affichée sera la même de partout. Par exemple @font-face, introduit avec CSS2 et grandement amélioré avec CSS3. Mais tous les navigateurs ne sont pas compatibles.

Je vous invite aussi à découvrir plus de 70000 polices de caractères.

via