Observations

Bizarreries des navigateurs qu’il vaut mieux retenir.

Responsive

Les navigateurs sur Android semblent utiliser un viewport moins large que Safari sur iPhone. Le résultat sur iPhone est nettement plus esthétique : le texte est plus petit et une ligne peut contenir davantage de caractères. Sur Android, le texte est trop gros et à l’étroit, car nous n’avons pas assez de caractères par ligne. Pour ne rien arranger, le rendu du texte est de mauvaise qualité par rapport à mon iPhone et mon Mac, si bien que les polices paraissent déformées. Il n’y a pas d’autre choix que de diminuer la taille des polices sur mobile pour pallier à la présentation désastreuse sur Android.

Small caps

Lorsqu’une police ne contient pas les small caps, Firefox génère des fausses small caps nettement plus grandes que Chrome et Safari, qui respectent la hauteur des minuscules.