Taille de police différente entre localhost et serveur distant dans Firefox

4

J'ai ce comportement étrange: Firefox (version 4.0.1, version Debian) affiche la même page avec deux tailles de police différentes si la page est hébergée sur localhost ou sur un serveur distant.

Selon Firebug, la police rendue dans la version localhost est de 14,3 pixels alors que la version du serveur distant est de 13 pixels. La taille spécifiée via CSS est 13px. Chrome affiche les deux pages avec la même taille, de sorte que le problème ne concerne pas le serveur.

Existe-t-il une variable de configuration pouvant augmenter la taille de la police en fonction de l'hôte? Ou quelque chose d'autre qui pourrait causer cela?

firefox fonts

— Matteo Riva
source

Pouvez-vous vous assurer que Firefox utilise le mode de rendu Standard dans les deux cas? (Outils - & gt; Informations sur la page) Votre serveur local et votre serveur distant peuvent avoir envoyé les pages avec des en-têtes différents (notamment l'en-tête Content-type), ce qui a amené Firefox à les afficher de manière différente.

— billc.cn

Les deux informations de page sont exactement les mêmes: mode de rendu standard, même type de contenu et codage.

— Matteo Riva

Commencez par effacer votre cache et comparez à nouveau les pages au cas où Firefox utilise une ancienne version pour l’une d’elles. Si cela ne fonctionne pas, je vous suggère d'essayer de désactiver tous vos add-ons à l'exception de Firebug pour voir si l'un d'entre eux interfère. À propos de Firebug, avez-vous bien vérifié qu’il n’y avait pas de sélecteur qui définisse cette valeur? Dans l'onglet Style, cliquez sur la flèche vers le bas et assurez-vous que "Afficher le CSS de l'agent d'utilisateur" est activé.

— James P

Commencé firefox avec -safe-mode, même comportement. Il n’existe aucun sélecteur étrange, même avec l'option "Afficher le CSS de l'agent d'utilisateur": le seul élément visible est le font-size: 13px dans le fichier CSS. La police rendue est au lieu de 14.3px (ce qui est exactement 10% de plus)

— Matteo Riva

5

Quand j'ai googlé ceci, j'ai trouvé quelqu'un d'autre qui avait le même problème. Ils ont suggéré que cela dépendait du réglage du zoom dans Firefox: il semble que cela puisse être défini indépendamment pour les pages Internet et Intranet. Essayer Voir - & gt; Zoom - & gt; Réinitialiser lors de l'affichage de chaque page (vous devrez peut-être d'abord appuyer sur ALT pour afficher la barre de menus.

La source: http://www.dreamincode.net/forums/topic/98448-font-size-difference-on-localhost-vs-actual-server/

— James P
source

C'était ça. Je n'ai jamais pensé que le zoom pourrait être lié à l'hôte. En fait, je n'ai jamais pensé que le zoom était enregistré lorsqu'une page était fermée.

— Matteo Riva

1

Est-il possible que le nom d'hôte ne soit pas résolu depuis le réseau? Examinez les ressources qui ne peuvent pas être chargées dans Firebug. Vous constaterez peut-être que votre CSS ne peut pas être chargé.

— blast_hardcheese
source

La feuille de style est correctement chargée et affecte effectivement 13px comme taille de police. C'est juste que ça augmente de 10% quand rendu, pour des raisons inconnues pour moi

— Matteo Riva

Cela faisait partie du problème pour mon équipe.

— Joshua Drake

0

J'ai eu exactement le même problème - même au point que certaines pages se comportaient et d'autres pas! Effacer le cache a résolu le problème.

Je lance un peu de JavaScript qui saisit la résolution de l'écran du navigateur, puis définit la taille de la police en conséquence. Cela permet au texte de rester lisible avec les écrans méga-résolution sans qu'il soit ridiculement volumineux sur les écrans basse résolution. Peut-être me manque-t-il un moyen plus facile de le faire, mais redéfinir la taille des polices dans em plutôt que des points ou des pixels ne fonctionnait pas.

— Steve GS
source

Pourriez-vous partager ce JavaScript? Cela pourrait être utile.

— Glorfindel