Как сделать так, чтобы ваш сайт выглядел одинаково в Linux

Question

У меня есть достаточно совместимый со стандартами сайт XHTML + CSS, который отлично смотрится во всех браузерах на ПК и Mac. На днях я видел это на FF3 в Linux, и расстояние между буквами было немного больше, выбрасывая все с ног на голову и вызывая нежелательные переносы и обрезки текста. Рассматриваемый CSS имеет

font-size: 11px;
font-family: Arial, Helvetica, sans-serif;

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

letter-spacing: -1.5px;

но это может привести к неприятному анализу ОС на стороне сервера. Если бы это было чисто CSS-решение, я бы очень хотел это услышать.

Рассматриваемая система - Ubuntu 7.04, но это не имеет значения, поскольку я пытаюсь это исправить, по крайней мере, для большинства, если не для всех пользователей Linux. Конечно, попросить пользователя установить шрифт не вариант!

Answer 1

В List Apart есть симпатичная всеобъемлющая статья о настройке шрифтов в CSS . Их вывод заключается в использовании "ems" для определения размера текста, поскольку он обычно дает наиболее согласованные размеры в браузерах. Они не делают прямых упоминаний о различных ОС, но вы должны попробовать использовать ems. Это может решить вашу проблему.

Answer 2

Вы пробовали это в FF3 на Windows?

Лично я считаю, что хороший CSS Reset делает ваш сайт одинаковым во всех браузерах.

Answer 3

Если ваш сайт не ожидает превышения нормального объема трафика на основе Linux, вы, вероятно, отрицательно скажетесь на большем количестве людей, если "пожертвуете возможностью пользователя настроить свою среду чтения", а не просто не заботитесь о ней. об опыте работы с Linux.

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

Answer 4

Различия в размерах / размерах обычно трудно уловить. Что вы можете сделать, это создать специфичный для Linux CSS-файл, который будет содержать эти значения, настроенные для Linux, а затем выполнить простое обнаружение на основе JS, чтобы внедрить этот CSS, если агент пользователя является Linux.

Вероятно, это не самый чистый подход, но он будет работать и с наименьшим вмешательством в ваш чистый HTML / CSS.

Answer 5

Я считаю, что самый простой способ решить проблемы с размером шрифта между браузерами - это просто оставить место для ошибки. Сделайте div больше или уменьшите шрифты, чтобы изменение платформы не меняло обтекание или обрезку.