Różny rozmiar czcionki między hostem lokalnym a serwerem zdalnym w przeglądarce Firefox

5

Mam takie dziwne zachowanie: Firefox (4.0.1, wersja Debian) pokazuje dokładnie tę samą stronę z dwoma różnymi rozmiarami czcionek, jeśli strona jest hostowana na localhost lub zdalnym serwerze.

Według Firebug renderowana czcionka w wersji localhost ma 14,3 pikseli, a wersja serwera zdalnego 13 pikseli. Rozmiar określony za pomocą CSS to 13 pikseli. Chrome wyświetla obie strony o tym samym rozmiarze, więc nie jest to problem z serwerem.

Czy jest jakaś zmienna konfiguracyjna, która mogłaby zwiększyć rozmiar czcionki w zależności od hosta? A może coś innego, co może to spowodować?

firefox fonts

— Matteo Riva
źródło

Czy możesz upewnić się, że Firefox używa standardowego trybu renderowania w obu przypadkach? (Narzędzia -> Informacje o stronie) Być może lokalny serwer i serwer zdalny wysłałeś strony z różnymi nagłówkami (szczególnie nagłówkiem Content-type), co spowodowało, że Firefox wyświetlał je inaczej.

— billc.cn

Obie informacje o stronie są dokładnie takie same: standardowy tryb renderowania, ten sam typ zawartości i kodowanie.

— Matteo Riva,

Najpierw spróbuj wyczyścić pamięć podręczną i ponownie porównać strony na wypadek, gdyby Firefox użył starej wersji dla jednej z nich. Jeśli to nie zadziała, proponuję spróbować wyłączyć wszystkie dodatki oprócz Firebug, aby sprawdzić, czy któryś z nich przeszkadza. Jeśli chodzi o Firebug, czy zdecydowanie sprawdziłeś, że nie ma selektora, który ustawiałby tę wartość? Na karcie Styl kliknij strzałkę w dół i upewnij się, że opcja „Pokaż CSS User Agent” jest włączona.

— James P

Zaczął Firefox z -safe-modetym samym zachowaniem. Nie ma dziwnego selektora nawet przy włączonej opcji „Pokaż User Agent CSS”: jedynym widocznym jest font-size: 13pxplik CSS. Renderowana czcionka ma zamiast tego 14,3px (czyli o dokładnie 10% więcej)

— Matteo Riva

6

Kiedy przejrzałem to, znalazłem kogoś, kto miał ten sam problem. Zasugerowali, że zależy to od ustawienia powiększenia w Firefoksie: wygląda na to, że można go ustawić niezależnie dla stron internetowych i intranetowych. Spróbuj wyświetlić -> Powiększenie -> Zresetuj podczas przeglądania każdej strony (może być konieczne naciśnięcie klawisza ALT, aby wyświetlić pasek menu.

Źródło: http://www.dreamincode.net/forums/topic/98448-font-size-difference-on-localhost-vs-actual-server/

— James P.
źródło

To było to. Nigdy nie myślałem, że zoom może być powiązany z hostem. Właściwie nigdy nie myślałem, że zoom został zapisany po zamknięciu strony.

— Matteo Riva,

1

Czy to możliwe, że nazwa hosta nie jest rozpoznawana w sieci? Spójrz na zasoby, których nie można załadować w Firebug, może się okazać, że nie można załadować Twojego CSS.

— blast_hardcheese
źródło

Arkusz stylów jest poprawnie załadowany i rzeczywiście przypisuje rozmiar czcionki 13px. Po prostu renderuje się o 10% po renderowaniu z nieznanych mi powodów

— Matteo Riva

To była część problemu dla mojego zespołu.

— Joshua Drake

0

Miałem dokładnie ten sam problem - nawet do tego stopnia, że niektóre strony zachowywały się, a inne nie! Wyczyszczenie pamięci podręcznej rozwiązało to.

Uruchomiłem trochę JavaScript, który pobiera rozdzielczość ekranu z przeglądarki, a następnie odpowiednio ustawia rozmiar czcionki. Dzięki temu tekst pozostaje czytelny na ekranach o wysokiej rozdzielczości bez śmiesznie dużych rozmiarów na ekranach o niskiej rozdzielczości. Może brakuje mi łatwiejszego sposobu, aby to zrobić, ale redefinicja rozmiarów czcionek w nich zamiast w punktach lub pikselach nie działała.

— Steve GS
źródło

Czy możesz udostępnić ten JavaScript? To może być pomocne.

— Glorfindel,