Taille de police uniforme pour tous les navigateurs (développement web)
lors de la création de pages web, Comment obtenir une taille de police uniforme pour tous les navigateurs. J'ai utilisé quelque chose comme "font-size: 11pt; font-family: Helvetica,'Lucida Grande'" dans mon CSS, mais le texte semble différent dans Firefox, i.e., Google Chrome et Safari (et ce n'est même pas sur des plateformes différentes). Fondamentalement sur la même machine, qui exécute Windows Vista, je reçois un look différent et se sentent sous différents navigateurs.
comment cela peut-il être corrigé pour que la taille du texte apparaisse la même sur tous les différents navigateurs.
5 réponses
utilisez px (pixels) au lieu de pt (points) pour vos unités de taille de police. Ensuite, vous aurez affaire à la taille des pixels.
Attention cependant, selon la façon dont votre site est utilisé. Il y a eu des poursuites (aux États-Unis) pour des questions d'accessibilité sur des sites Web qui résultent du "codage dur" de la taille de la police.
vous voudrez utiliser une réinitialisation CSS pour tenter d'obtenir un comportement cohérent à travers tous les navigateurs.
lors de la création de pages web comment atteindre une taille de police uniforme dans les navigateurs
For main body text, you don't. Certaines personnes veulent un texte plus grand pour pouvoir le lire plus facilement; mettez-vous en travers de leur chemin à vos risques et périls. Utiliser des tailles de police relatives à des unités telles que " em "ou"%".
pour de petites quantités de texte de présentation où vous avez besoin de la taille du texte pour correspondre aux éléments de la taille d'un pixel à l'écran, utilisez l'unité "px". N'utilisez pas " pt " - cela n'a de sens que pour en imprimant, il se redimensionnera plus ou moins au hasard lorsqu'il sera vu à l'écran.
Vous ne pouvez toujours pas obtenir le texte exactement la même taille parce que les polices diffèrent entre les plates-formes-et Lucida Grande et Helvetica semblent très différents bien sûr.
avec ces deux paramètres, vous pouvez obtenir exactement la même apparence de police:
font-size: 70%; // better than px
line-height: 110%; // required to make line heights the same
testé: IE9, Firefox, Google Chrome
Ceci est une non-réponse, car il y a des moyens d'atteindre ce dont vous avez besoin, mais je ne suis pas trop versé en eux. Commencez par le "réinitialiser" que les cadres comme plan généralement fournir et aller de là.
il est généralement beaucoup plus facile et plus intelligent d'avoir des conceptions assez flexible de sorte que les petites différences entre les navigateurs ne jouent pas un trop grand rôle.