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

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

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

Я запускаю Firefox 3.0.12 на Ubuntu, и у меня есть надстройка Ubuntu Firefox Modifications отключена.

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

обновление: Я обнаружил, что копия HTML, хранящаяся локально на моей собственной машине, фактически отображает столбцы правильно выровненными, но при просмотре в интернете она становится несогласованной.

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

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

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

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

9
firefox html iweb ubuntu

7 ответов

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

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

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

  • Andale Моно
  • Ариал Черный
  • Arial (Gras, Italique, Italique Gras)
  • Comic Sans MS (Gras)
  • Курьер Новый (Гра, Italique, Italique Gras)
  • Грузия (Гра, Italique, Italique Gras)
  • влияние
  • Times New Roman (Gras, Italique, Italique Gras)
  • Требюше (Гра, Italique, Italique Gras)
  • Verdana (Gras, Italique, Italique Гра)
  • Webdings

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


К слову, этот :

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

Is определенно не очень хорошая практика.

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

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

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

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

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

5

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

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

sudo apt-get install msttcorefonts

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

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

3

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

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

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

1

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

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

0

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

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

0

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

0

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
0