Ubuntu Firefox отображает по-разному
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 - это плохая практика, но мне только что дали код, поэтому у меня нет особого выбора)
7 ответов
Может быть, это связано с тем, что в Windows и Linux шрифты обрабатываются не одинаково? Или, может быть, шрифты, которые вы используете в Windows, не установлены или на машине с Ubuntu?
Эта "проблема", похоже, не ограничивается Firefox: немного погуглив, я обнаружил посты, в которых говорилось, например, с OpenOffice.
В дикой природе есть пакет под названием ttf-mscorefonts-installer это должно помочь об этом: он устанавливает шрифты, такие как:
- Andale Mono
- Arial Black
- Arial (Гра, Курсив, Итальянский Гра)
- Comic Sans MS (Гра)
- Курьер Новый (Гра, Курсив, Итальянский Гра)
- Грузия (Гра, Курсив, Итальянский Гра)
- Влияние
- Times New Roman (Гра, Курсив, Итальянский Гра)
- Требушет (Гра, Курсив, Итальянский Гра)
- Вердана (Гра, Курсив, Итальянский Гра)
- Webdings
(извините, моя система написана на французском языке; "гра" означает "жирный шрифт"; вы, вероятно, догадались, что "курсив" означает "курсив" ^^)
Как примечание, это:
В частности, некоторые шрифты / стили в Ubuntu становятся намного больше, и столбцы текста, для выравнивания которых используется одинаковое количество разрывов строк, больше не выровнены в Ubuntu Firefox.
Это определенно не хорошая практика.
Вы столкнулись с проблемой со шрифтами, которые не установлены (вероятно); но как насчет пользователя, который устанавливает свой браузер на:
- либо увеличить шрифты для определенного сайта
- или определить минимальный размер шрифта?
Это можно сделать практически в любом браузере - не только в Firefox и Linux...
И некоторые люди делают это - я делаю: мои глаза не идеальны (не так уж и плохи), и я нахожу слишком маленькие шрифты, иногда трудно читаемые, поэтому я обычно устанавливаю минимальный размер шрифта в Firefox; и, да, это разрушает дизайн на некоторых сайтах:-(
И если я сделаю это, то, думаю, я не единственный: в Интернете появляется все больше и больше пожилых людей, у которых проблемы с глазами, например...
Например, мой дедушка недавно получил компьютер; Мне пришлось установить его разрешение экрана примерно на 1024x780 на его 19p ЖК-экране и максимальный размер шрифта в окнах, чтобы он мог читать... И да, это заставляет всех, кто использует его компьютер, почти плакать ^^ Но это единственный как он мог читать...
Скорее всего, это вопрос шрифтов. Если браузер не найдет шрифт, содержащийся в таблицах стилей, он заменит его на шрифт, который он считает подходящим.
К сожалению, в Ubuntu не так много шрифтов. Есть пакет под названием msttcorefonts который содержит несколько шрифтов Microsoft. Вы можете установить его используя:
sudo apt-get install msttcorefonts
Однако, если у вас нет нужных вам шрифтов, они увидят страницу по-другому.
Я бы порекомендовал вам либо не делать свой дизайн слишком зависимым от шрифта. Однако, если это необходимо, рассмотрите другие способы рендеринга текста (например, использование Javascript, если это заголовок, например).
У меня возникла та же проблема с отображением элемента ввода текста (с помощью автозаполнения пользовательского интерфейса jQuery) в ячейке таблицы с использованием Firefox в Ubuntu. Таблица отображалась безупречно в IE 7 и 8, Chrome, Safari, Firefox 3.6, но не в Firefox на Ubuntu! Arg.
Я был в состоянии установить встроенный style="font-size: 11px" для элемента ввода текста, чтобы исправить проблему. Хотя размер шрифта уменьшился с 12px в 11px (едва заметно), я смог получить ячейку таблицы, которая не будет настраиваться в Firefox на Ubuntu. По-прежнему рендеринг в вышеупомянутых браузерах!
Большое спасибо Pascel MARTIN за советы!
Хороший
К счастью для вас, решение должно быть простым: установить шрифты MS на свой компьютер...
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
Вы используете ту же версию на Windows?
Вы можете попробовать запустить FF в безопасном режиме или создать другой профиль пользователя.
У меня установлен MS Fonts, но Firefox 3.0.13 в Ubuntu все еще остаётся. Jackalope отображает множество сайтов по-другому. И в случае с Joomla! мой сайт: http://imagewize.net/ неправильный путь. Окно поиска в верхнем меню и кнопка связи перекрывают друг друга. В Windows Firefox 3.0 и 3.5 проблем нет. Также нет проблем в IE6 или Safari в Windows. Очень странно.