Je reviens sur ce sujet pour lequel je me souvenais avoir posté pour redonner mon avis... car j'ai changé mon fusil d'épaule, au bout de deux ans d'essai par @font-face.
La raison en est que si l'on souhaite une police qui prenne vraiment en compte une multiplicité de caractères spéciaux... pff... c'est vraiment la galère pour en trouver une qui les prenne vraiment tout en compte afin d'avoir un affichage homogène : les guillemets par exemple, qui sont tout de même très utilisés, sont souvent très moches, ne parlons même pas des caractères grecs (que j'utilise dans mon cas) qui ne sont pratiquement jamais prévus, et aussi : §, @, %...
Et puis il faut charger plusieurs polices : une pour l'italique et une pour la graisse de la police par exemple (donc autant de chargements en plus). Sinon on laisse l'interprétation des balises en rapport (em, strong, b...) au navigateur, et franchement j'ai trouvé le résultat très moyen.
Désormais je ne garde les @font-face que pour introduire des icônes ou pour une police de titre spécifique (comme sur mon site perso). J'ai redécouvert les polices standard : c'est fou comme une police toute simple peu changer quand on joue sur son weight et son letter-spacing.
Là encore, pour cette dernière solution : coder le font-weight en chiffres (font-weight: 300 ... font-weight: 400...) et non en lettres (lighter, normal, bold...) car dans ce dernier cas l'interprétation différera entre navigateurs... et le résultat n'est pas toujours beau à voir (comparer par exemple les différences de rendu entre Chrome et Firefox). Garder les lettres pour les très petites polices (10px et inférieur).
Modifié par Olivier C (25 Jan 2013 - 18:18)
