Pourquoi le texte est-il rendu avec une taille de police supérieure dans Opera?

Question

Je travaille sur une page HTML qui doit être plus ou moins parfaite, et j'ai remarqué que dans Opera 10, les polices sont plus grandes que dans les autres navigateurs, même si la taille des polices est la même .

S'il vous plaît voir cette page par exemple dans Opera 10 et un autre navigateur comme Firefox 3.6:

http://troy.onespot.com/static/stack_overflow/opera_font_size.html

Sinon, voici une capture d'écran qui illustre le problème:

http://skitch.com/troywarr/d47m1/font-size

Les boîtes rouges derrière les textes "50px" et "46px" (tous les deux stylisés pour avoir la taille de police correspondante) les deux ont une hauteur de 50px.

Dans Firefox 3.6, le descendant du "p" dans "50px" s'aligne avec le fond de la boîte rouge derrière lui. Dans Opera, le descendant du "p" dans "50px" est suspendu ci-dessous; c'est le "46px" qui correspond le plus au "50px" dans Firefox. Cela me suggère qu'Opera rend les polices de caractères de 10% trop grandes. Ceci, et le même problème avec d'autres corps du texte, rejette complètement ma mise en page dans Opera 10. Merci de me faire savoir si vous avez des idées sur ce qui peut en être la cause, ou du moins comment prévenir/réparer il.

Merci!

---

MISE À JOUR:

Il semble que je n'ai pas une copie correcte de Helvetica installé - je l'ai retiré de la pile de la police et vu aucune différence dans le texte rendu sur mes pages de test.

J'ai mis à jour les pages de test pour utiliser uniquement la famille de polices générique "sans-serif", donc j'espère que nous voyons tous la même chose maintenant. Il est intéressant de noter que l'utilisation de la police générique "serif" s'affiche exactement de la même manière dans Opera et Firefox.

Est-ce que ce problème pourrait être une bizarrerie autour de la façon dont Opera affiche la police générique "sans-serif"?

---

MISE À JOUR 2:

Cela peut être important: je suis sous Mac OS X Snow Leopard. J'expérimente maintenant avec d'autres polices pour voir si je peux isoler le problème plus loin.

---

MISE À JOUR 3:

J'ai créé une autre page de test en utilisant Arial:

http://troy.onespot.com/static/stack_overflow/opera_font_size_reset_arial.html

Et maintenant match de Firefox et Opera presque exactement!

Je peux probablement utiliser Arial à la place de Helvetica pour ce projet.Pour autant que je sache, j'ai une version OS X d'Helvetica - donc je ne peux me permettre aucune différence entre la façon dont les différents utilisateurs peuvent voir les polices sur ma page. Je vais coller avec le vrai Arial &. Qu'est-ce que cela pourrait signifier, cependant - est-ce que la police sans-serif par défaut d'OS X rend juste étrangement dans Opera ou quelque chose?

Answer 1

Je soupçonne qu'Opera utilise une autre police de secours pour Sans-serif que les autres navigateurs. Cela devrait être possible de confirmer ou d'éliminer en utilisant une police différente qui est définitivement installée sur le système.

Answer 2

C'est ici qu'une feuille de style de réinitialisation css peut vraiment simplifier les choses pour vous.

http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

Answer 3

j'avais question similaire jusqu'à ce que je reset CSS d'Eric Meyer :)

Answer 4

Je ne suis pas reproduire votre problème. C'est ce que je reçois dans Firefox 3.6.8 (et dans Internet Explorer 8):

Answer 5

Je pense que je connais votre problème. Je l'obtiens exactement la même taille dans tous les navigateurs (au moins Firefox, Opera et Chrome). Cela, je suis sûr, peut être facilement négligé si vous ne savez pas vous ou quelqu'un d'autre a fait cela, mais essayez de vérifier les paramètres de zoom dans Opera ... laissez-moi savoir si cela n'aide pas et je vais travailler plus.

Answer 6

J'avais un problème similaire.

J'ai trouvé que la taille de police calculée par défaut dans FF et la plupart des autres navigateurs est 16px, mais sur l'opéra, la valeur par défaut semble être 20px.

Je définis simplement la taille de police: 16px; pour html, et il semblait en prendre soin.

Answer 7

Je suis tombé sur ce fil quand j'avais des problèmes similaires avec Opera 11.10 sous Windows 7 x64.

Opera utilisait par défaut 20px comme taille de police du corps (plutôt que 16px, ce que les autres navigateurs utilisent). Cela a persisté même après la désinstallation, la suppression des préférences Opera et la réinstallation. Il s'avère que Opera honorera les préférences de taille de police de votre système (défini dans 'Panneau de configuration \ Apparence et personnalisation \ Affichage' sur Win7) pour le texte de site Web rendu alors que d'autres navigateurs (j'ai testé FF4, Chrome 11, Safari 5, IE 9) ne le font pas. La taille de la police de mon système a été fixée à 125%, ce qui explique le 20px. Une fois que j'ai mis mon système de zoom de police à 100%, Opera se comportait de la même manière que les autres. Je ne sais pas quel comportement est le plus correct (d'une certaine manière, c'est bien qu'Opera honore mon choix de police) mais puisque les autres navigateurs ne font pas la même chose, c'est "inattendu". Je n'ai pas de Mac à tester mais peut-être que MacOS a une préférence de police système similaire?

Answer 8

Nous sommes tombés sur des questions similaires, a dû changer ma commande de repli de:

font-family: Helvetica, Verdana, Arial, sans-serif; 

à

font-family: Helvetica, Arial, sans-serif; 

Depuis Arial et Helvetica sont presque exactement la même taille, lorsque l'opéra retombe-il encore Cela semble bon.