Voici un outil pratique pour tester le rendu d’un texte avec différentes configurations, afin de choisir au mieux ce qu’il conviendra de mettre dans sa feuille de style : http://typetester.maratz.com/. On peut cliquer sur "Get CSS" pour avoir le code tout cuit à mettre dans son fichier css. Le problème, c’est qu’on ne peut tester qu’avec les fontes installées sur son système ce qui limite un peu le choix.

Pour compléter, le site présente aussi un tableau comparatif des polices les plus fréquemment utilisées sur le web : http://webdesign.maratz.com/lab/fonts_table/ à ouvrir dans différents navigateurs pour voir les différences qu’il peut y avoir. Là aussi, les images de ladite page affichée par différents navigateurs auraient été bienvenues.

Heureusement que www.codestyle.org y a pensé ! Dans l’article Combined font survey results, il fait le point sur la question. On peut, en un coup d’œil, voir quelles sont les polices les plus répandues, quel que soit le système utilisé.

Et comme c’est toujours utile de les avoir sous la main, voilà la liste des caractères de la norme ISO 10646-1.

Dans son article Typographie web : gérer la taille du texte avec les « em », Alsacréation explique comment utiliser cette unité, qui est la seule permettant un redimensionnement du texte, quel que soit le navigateur.

Cela paraît compliqué de prime abord mais il suffit simplement de connaître les règles.

Lire la suite