Почему текст браузера должен быть больше на конкретном браузере / машине? - PullRequest
1 голос
/ 25 марта 2009

На сайте, который я создал, один человек прислал мне скриншот, который показывает, что мой шрифт субтитров слишком большой.

  • Я проверил сайт на двух машинах (Vista) с FF, IE6, IE7, IE8, Safari / win, opera / win.
  • Я могу увеличить размер шрифта браузера, но размер субтитров остается прежним (поскольку он составляет 8 пт, как показано ниже), чего я и хочу (поэтому он не распространяется под логотип).
  • Проверяется нормально на скриншотах 34 браузеров на http://browsershots.org.

Что может быть причиной увеличения шрифта на компьютере этого человека (Windows XP, IE7). Он говорит, что "все другие сайты выглядят хорошо". Есть ли что-то в Windows XP, которая позволяет оператору изменять размер шрифта в браузерах и т. Д.? Или, возможно, проблема с ариалом / курсивом в Windows XP?

Вот CSS для этого:

#subtitle {
    position: absolute;
    top: 78px;
    left: 40px;
    width: 738px;
    text-align: right;
    font-size: 8pt;
    font-style: italic;
    font-family: arial;
}

ОТВЕТ:

Я изменил «8pt» на «10px», и теперь он работает для него. Я предполагаю, что он изменил DPI на своей машине.

Ответы [ 6 ]

5 голосов
/ 25 марта 2009

Вы использовали ‘pt’ в качестве единицы измерения. Не делай этого. «Физические единицы» CSS (pt, mm, in ...) имеют смысл только для физического вывода (т. Е. Таблицы стилей печати).

На экране точки отображаются на пиксели с использованием системного параметра «dpi», который может произвольно варьироваться на разных машинах. Mac / Windows / Linux все по умолчанию по-разному, и могут быть перенастроены. Многие пользователи Windows увеличивают настройку dpi, чтобы изменить размер шрифта системного диалогового окна (оболочки) с фиксированной запятой.

Если вы должны использовать не относительные единицы для некоторого текста, вам нужна единица измерения "px".

Существуют и другие причины, по которым размеры шрифтов могут изменяться (например, различная доступность шрифта, настройки минимального размера шрифта, преднамеренное увеличение шрифта), поэтому вам никогда не следует полностью полагаться на то, что вы ожидаете, но это почти наверняка в этом случае.

3 голосов
/ 25 марта 2009

Возможно, это глупый вопрос, но изменил ли пользователь случайно размер шрифта своего браузера? Начиная с IE6, удерживая клавишу CTRL и прокручивая колесико мыши вперед / назад, вы увеличите / уменьшите размеры шрифта.

2 голосов
/ 25 марта 2009

Извините, bobince и Диоген , но я должен самым решительным образом не согласиться с вами, если вы не используете размеры pt и всегда используете пиксели:

Дизайнер, желающий, чтобы размер шрифта был относительно к размеру по умолчанию, указанному в настройках браузера или ОС, который должен быть стандартным, должен использовать % или em . Дизайнер, которому нужен абсолютный размер (на экране), должен использовать pt , чтобы поддерживать постоянный размер шрифта независимо от настройки DPI экрана, и вот почему:

Современные экраны ноутбуков и мобильных устройств имеют гораздо более плотные пиксели, чем десктопы, вплоть до естественного (стандартного) разрешения примерно в 150 точек на дюйм по сравнению с 72-мя настольными компьютерами. Медицинские и другие специализированные экраны идут еще выше. А у пользователя есть возможность (если не всегда знания) повышать или понижать логическое dpi, чтобы настроить отображение в соответствии со своими предпочтениями и способностями зрения.

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

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

Операционные системы уже идут с векторными элементами пользовательского интерфейса или, по крайней мере, с большими исходными растровыми изображениями, которые масштабируются плавно. Так что, если вы забудете о произвольной единице измерения, называемой «пикселем», и сделаете ваши проекты совместимыми с самым широким набором устройств доступа.


Добавление - к дополнительным пунктам, поднятым Диогеном

К сожалению, реальная ситуация с осведомленностью о DPI (и, следовательно, с надлежащей поддержкой текста размером в pt) в популярных в настоящее время операционных системах, из-за отсутствия более сильного печатного слова, отказ кластера, как показано CSS-Discuss Wiki :

К сожалению, большинство компьютеров не знают [DPI дисплея], поэтому браузеры тоже не знают ... В отсутствие этих знаний операционные системы и браузеры обычно просто делают предположения, и эти предположения обычно ошибочны.

Итак, хотя теоретически точки были бы наилучшей единицей для фиксированного текста, на практике их использование сегодня приводит к противоречивым результатам во многих конфигурациях ОС / браузера / экрана. Таким образом, дизайнерам часто приходится сдаваться и возвращаться к пикселям для достижения фиксированных размеров шрифта. Лично я использую проценты и ems, вообще избегая фиксированных размеров.

В архивах CSS-Discuss имеется краткое изложение проблем с размером шрифта , а также многочисленные ссылки на детали и различные подходы.

2 голосов
/ 25 марта 2009

Три возможности:

  1. Пользователь изменил настройки DPI для своего аппарата. В некоторых версиях Windows это проявляется в изменении шрифта на «Большой» или «Очень большой»;
  2. Пользователь изменил шрифт по умолчанию в своем браузере (скажем, с Tahoma / 12 на Tahoma / 16 в Firefox); или
  3. Пользователь отключил определение размера шрифта CSS / HTML в своем браузере. Это настройка доступности. Некоторые люди также используют его, например, для 15-дюймового ноутбука с разрешением 1920x1200, а некоторые веб-пользователи установили размеры шрифта на своем веб-сайте на уровне 8 пикселей.
1 голос
/ 25 марта 2009

Как и предполагали 2 других ответа, настройки DPI могут вызывать проблемы. Я обнаружил, что смешивание pt, ex, em с размером px может стать реальной проблемой, если учесть настройки DPI и различные шрифты браузера по умолчанию.

Так что теперь я просто использую px для размеров шрифта. Большинство проблем исчезают.

P.S. Не заставляйте этого единственного пользователя вернуться к обычному DPI. Я готов поспорить, что они старше, им нужны очки для чтения, а новый монитор в высоком разрешении, который они получили, было труднее читать, потому что отпечаток был очень маленьким. Кто-то настроил DPI, и теперь шрифты имеют тот же размер, что и старый монитор, поэтому теперь им действительно нравится новый монитор. Проблема в том, что некоторые веб-страницы перепутаны. Вот где вы входите.

Еще одна вещь, на которую вы могли бы обратить внимание при переключении мониторов с ЭЛТ на плоский экран, - это настройка сглаживания цифровых шрифтов. Нечеткие персонажи становятся острее. К счастью, это не влияет на ваши веб-страницы.


Приложение - к точке адреса, поднятой на MaxVT

MaxVT делает несколько отличных замечаний в своем ответе. Контекст, безусловно, имеет значение.

Мой ответ был немного ленивым и неполным. Причина, по которой я использую px, заключается в несовместимости браузеров. На мой взгляд, указание размера точки должно указывать физический размер символа для пользователя на устройстве, которое он использует, но на практике это не так.

Например, предположим, что у вас font-family: cursive; размер шрифта: 11pt

В большинстве браузеров под окнами по умолчанию используется очень плохой шрифт MS-Comic. IE7 решил использовать некоторые другие значения по умолчанию, и этот шрифт кажется меньше и менее читаемым при том же размере шрифта. То же самое можно сказать о шрифтах Arial vs. Verdana. Укажите одинаковый размер точки, и весь макет изменится. Добавьте настройки DPI на настройку и это хаос.

Настройка количества точек на дюйм (DPI) является анахронизмом. Ваш монитор или телефон имеет фиксированный DPI. Вы можете изменить его, только если у вас есть новый монитор или телефон. Наличие диалогового окна для изменения DPI доступно только потому, что устройство не сообщает операционной системе, что такое DPI. Это несовершенный мир.

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

Затем, когда вам придется перенести все на последнюю версию BlackBerry или iPod, которая делает все лучше, переключиться с 11px на 11pt будет легко. И протестируйте свое программное обеспечение, чтобы оно выглядело хорошо, когда вы увеличиваете размер шрифта.

1 голос
/ 25 марта 2009

В IE7 есть уровень масштабирования и размер текста. Наиболее вероятный сценарий заключается в том, что они случайно изменили один из этих параметров. Попросите их нажать кнопку «Страница» и посмотреть настройки «Масштаб» и «Размер текста».

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...