Comment faire en sorte que les polices s'affichent de la même manière sur différents navigateurs Web?
Je construis un site Web pour un client et nous espérions utiliser du texte brut, pas des images dans la barre de navigation. La police que nous utilisons est Century Gothic (je pense que cette police est disponible sur la majorité des PC et des Mac). Le problème est que, sur différents navigateurs, la police affichée est très différente. Dans Chrome, nous avons obtenu le résultat souhaité, mais sous Firefox, le texte est plus petit et plus gras.
En plus d'écrire du code JavaScript spécifique au navigateur pour modifier les propriétés de la police, existe-t-il d'autres options permettant de normaliser la manière dont les polices sont rendues sur plusieurs navigateurs? Peut-être une bibliothèque ou une API? Peut-être est-ce une question de précision dans la déclaration des propriétés de police? Honnêtement, je suis coincé et j'ai besoin d'aide.
Vous n'allez pas obtenir des polices, et quelques autres choses, à rendre de la même manière sur tous les navigateurs. Le traitement des polices en est un exemple parfait. Je sais que Safari sur Windows aime mettre le texte en gras pour une raison quelconque. Malheureusement, c'est ainsi que fonctionne le Web. La diversité des navigateurs, des systèmes d'exploitation, des moniteurs, des processeurs graphiques, etc., signifie qu'il existe potentiellement des milliers, voire des dizaines de milliers de façons différentes pour qu'une personne visualise une page Web. Vous devez donc le faire en sachant et en espérant que votre site ne sera pas parfait en pixels pour tout le monde. Ce n'est pas imprimé. C'est le web sauvage sauvage.
En fait, il existe une méthode pour incorporer des polices dans votre CSS. C'est extrêmement facile. Reportez-vous à http://randsco.com/index.php/2009/07/04/p68 pour plus d'informations sur la procédure à suivre. L'inconvénient est que les anciens navigateurs (pre ei 7 et ff 3 je pense ...) ne supportent pas cela. Mais le nombre de personnes utilisant ces anciens navigateurs diminue rapidement et il est toujours possible de spécifier des polices de remplacement qui fonctionneraient et sont généralement disponibles sur la plupart des ordinateurs au cas où.
Une autre approche que je n'ai pas utilisée implique l'utilisation de flash. Je n'ai pas beaucoup d'informations sur cet autre que je ne le sais.
Comme d'autres l'ont déjà noté, nous n'avons pas le contrôle total. Mais je pense qu'il vaut la peine de mentionner quelques éléments que je trouve utiles pour amener les navigateurs à rendre les choses de manière similaire dans l’ensemble. Les deux sont du genre "de retour aux sources" que beaucoup d'entre vous sont déjà en train de faire, mais je pensais que cela méritait d'être mentionné, car la fondation sur laquelle vous bâtissez vous prépare souvent à la réussite ou à l'échec ...
Réinitialisation CSS. Le concept est simple, vous définissez les valeurs par défaut des balises HTML dans une feuille de style afin de définir un point de départ commun pour le rendu HTML. Voici un article et un exemple: http://meyerweb.com/eric/tools/css/reset/
Déclaration de type. http://htmlhelp.com/tools/validator/doctype.html