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

StackOverflow https://stackoverflow.com/questions/47519

  •  09-06-2019
  •  | 
  •  

Вопрос

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

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

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

letter-spacing: -1.5px;

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

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

Это было полезно?

Решение

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

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

Другие советы

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

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

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

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top