Ubuntu Firefox отображает по-разному

Question

Firefox в Ubuntu, по-видимому, отображает некоторый HTML значительно по-другому по сравнению с другими браузерами. В частности, некоторые шрифты / стили в Ubuntu становятся намного больше, а столбцы текста, для выравнивания которых используется одинаковое количество разрывов строк, больше не выровнены в Ubuntu Firefox.

Мне дали какой-то HTML-код, созданный в iWeb, и он корректно отображается во всех основных браузерах, кроме Firefox в Ubuntu. (Firefox на Windows работает нормально)

Я использую Firefox 3.0.12 в Ubuntu, и у меня отключено дополнение Ubuntu Firefox Modification.

Что может быть причиной этого проблемного несоответствия с Firefox в Ubuntu?

Обновление: Я обнаружил, что копия HTML, хранящаяся локально на моем собственном компьютере, на самом деле правильно выравнивает столбцы, но при просмотре в Интернете она не выравнивается.

Я пытался установить пакет шрифтов Microsoft, но это не помогло.

Обновление 2: С проблемой столбцов, кажется, есть по крайней мере две проблемы. Во-первых, iWeb разбил один из столбцов на два блока кода и поместил его вокруг кода другого столбца. Как только я убедился, что каждый столбец был создан непрерывным блоком кода, и удалил некоторые теперь лишние элементы div, выравнивание стало намного лучше в Ubuntu, но не идеально. Эти изменения, похоже, не повлияли на рендеринг в других браузерах.

Копаясь с Firebug, кажется, что я могу полностью решить проблему в Ubuntu, удалив атрибуты размера шрифта для всего соответствующего текста. Однако это затем нарушает выравнивание во всех других браузерах - теперь я снова вернулся к исходной точке.

(И да, я знаю, что способ разработки HTML - это плохая практика, но мне только что дали код, поэтому у меня нет особого выбора)

Answer 1

Может быть, это потому, что шрифты не обрабатываются одинаково в Windows и Linux? Или, может быть, шрифты, которые вы используете в Windows, не установлены или на машине с Ubuntu?

Эта "проблема", похоже, не ограничивается Firefox: немного погуглив, я обнаружил посты, в которых говорилось, например, с OpenOffice.

В jaunty есть пакет под названием ttf-mscorefonts-installer, который должен помочь в этом: он устанавливает шрифты, такие как:

• Andale Mono
• Arial Black
• Ариал (Гра, Курсив, Курсив Гра)
• Comic Sans MS (Gras)
• Курьер Новый (Гра, Курсив, Курсив Гра)
• Грузия (Гра, курсив, Italique Gras)
• Воздействие
• Times New Roman (Гра, Курсив, Итальянский Гра)
• Требушет (Гра, Курсив, Курсив Гра)
• Вердана (Гра, Курсив, Курсив Гра)
• Webdings

(извините, моя система на французском языке; "гра" означает "жирный"; вы, вероятно, догадались, что "курсив" означает "курсив" ^^)

В качестве обозначения, это:

В частности, некоторые шрифты / стили на Ubuntu становятся намного больше и столбцы текста, которые полагаются на равные количество разрывов строк, чтобы сохранить их выровнены больше не выровнены на Ubuntu Firefox.

Это определенно не хорошая практика.

Вы столкнулись с проблемой со шрифтами, которые не установлены (вероятно); но как насчет пользователя, который устанавливает свой браузер на:

• либо увеличить шрифты для определенного сайта
• или определить минимальный размер шрифта?

Это можно сделать практически в любом браузере - не только в Firefox или Linux ...

И некоторые люди делают это - я делаю: мои глаза не идеальны (тоже неплохо) , и я нахожу слишком маленькие шрифты, которые иногда трудно читать, поэтому я обычно устанавливаю минимальный размер шрифта в Firefox; и, да, это разрушает дизайн на некоторых сайтах: - (

И если я сделаю это, то, думаю, я не единственный: в Интернете появляется все больше и больше пожилых людей, у которых, например, проблемы с глазами ...
Например, мой дедушка недавно приобрел компьютер; Мне пришлось установить его разрешение экрана примерно на 1024x780 на его 19p ЖК-экране и максимальный размер шрифта в окнах, чтобы он мог читать ... И да, это заставляет всех, кто использует его компьютер, почти плакать ^^ Но это единственный как он мог читать ...

Answer 2

Скорее всего, это вопрос шрифтов.Если браузер не найдет шрифт, содержащийся в таблицах стилей, он заменит его на шрифт, который он сочтет подходящим.

К сожалению, в Ubuntu нет большого количества шрифтов.Существует пакет под названием msttcorefonts, который содержит несколько шрифтов Microsoft.Вы можете установить его, используя:

sudo apt-get install msttcorefonts

Однако, если у вас нет нужных вам шрифтов, они увидят страницу по-другому.

Я бы порекомендовал вам либо несделать ваш дизайн слишком зависимым от шрифта.Однако, если это необходимо, рассмотрите другие способы рендеринга текста (например, использование Javascript, если это заголовок).

Answer 3

У меня была та же проблема с отображением элемента ввода текста (с помощью автозаполнения пользовательского интерфейса jQuery) в ячейке таблицы с использованием Firefox в Ubuntu Таблица отображалась безупречно в IE 7 и 8, Chrome, Safari, Firefox 3.6, но не в Firefox на Ubuntu! Arg.

Мне удалось установить встроенный style="font-size: 11px" для элемента ввода текста, чтобы решить проблему. Хотя размер шрифта сократился с 12px до 11px (едва заметно), я смог получить ячейку таблицы, которая не будет корректироваться в Firefox на Ubuntu. По-прежнему отображается в указанных выше браузерах!

Большое спасибо Pascel MARTIN за советы!

Answer 4

Firefox действительно отображает шрифты в Linux / Ubuntu по-разному, потому что шрифты Microsoft TrueType отсутствуют, а настройки шрифтов по умолчанию отличаются. Есть несколько шагов, чтобы уменьшить эту проблему. Во-первых, как сказали другие, полезно установить шрифты Microsoft TrueType (Arial, Trebuchet MS) с

sudo apt-get install ttf-mscorefonts-installer

Тогда полезно настроить параметры шрифта в Firefox, т.е. открыть Firefox, выбрать

Edit >> Preferences >> Content >> Fonts & Colors - Advanced 

Следующие настройки описаны здесь и работают для меня:

Fonts for: Western
Proportional: Serif, Size 16
Serif: Times New Roman
Sans-serif: Arial
Monospace: Courier New, Size 12

Answer 5

У меня установлены шрифты MS, но Firefox 3.0.13 в Ubuntu все еще остаётся. Jackalope отображает множество сайтов по-другому. И в случае с Joomla! мой сайт: http://imagewize.net неправильный путь. Окно поиска в верхнем меню и кнопка связи перекрывают друг друга. В Windows Firefox 3.0 и 3.5 проблем нет. Также нет проблем в IE6 или Safari в Windows. Очень странно.

Answer 6

Хороший.
К счастью для вас, решение должно быть простым: установить шрифты MS на вашем компьютере ...

Объясняется здесь, например,

Answer 7

Используете ли вы ту же версию в Windows?

Вы можете попробовать запустить FF в безопасном режиме или создать другой профиль пользователя.