Крошечные шрифты на веб-сайтах

Question

В моих основных браузерах (FF и Chrome) настроен шрифт 12 пикселей. В обоих браузерах средство выбора шрифта показывает предварительный просмотр шрифта, и в обоих они имеют одинаковый размер и удобный размер для чтения веб-сайтов. Мой IE не позволяет мне устанавливать размер шрифта, но по умолчанию кажется, что он немного больше, чем Chrome.

На моем личном веб-сайте я использую XHTML & CSS и обозначил шрифт страницы как «средний», и использую этот размер шрифта для всего основного текста (текст «содержимого»). Когда я просматриваю сайт в IE 7, FF 3 и Chrome 0.4, шрифт отображается так, как ожидается, и соответствует средствам выбора шрифтов (кроме IE, где он немного больше).

НО , я захожу почти на любой другой сайт (Google, StackOverflow, The DailyWTF, CodingHorror, Microsoft, Sourceforge, даже W3C и т. Д.), И они все отображаются в крошечном микроскопические шрифты - что я оцениваю в 5 - 7 пикселей.

Это верно для 3 разных компьютеров, с 2 разными операционными системами (Vista и XP) и 4 разными мониторами (ноутбук, CRT и новый WS LCD).

Что с этим? Я пропускаю что-то фундаментальное в дизайне веб-сайта, которое мне нужно знать? Или просто все эти веб-сайты делают глупые вещи, такие как установка шрифта на 50%, или 0,5 em, или x-small ??? Почему дизайнеры веб-сайтов не могут соблюдать мой выбор шрифта для текста контента (я понимаю, что боковые панели и нижние колонтитулы могут быть маленькими или х-маленькими). ​​

Мне хотелось бы подумать, что это просто неосведомленные дизайнеры веб-сайтов, но, черт возьми!, Это несколько громких сайтов !!

РЕДАКТИРОВАТЬ: Чтобы было ясно, я не говорю, что использование em или% глупо, мне интересно, почему многие сайты используют около 50% моего сконфигурированного размера. Конечно, мой настроенный размер - это размер, в котором я хотел бы видеть текст.

РЕДАКТИРОВАТЬ: Из спецификации CSS W3C: «В следующей таблице приведены рекомендации агента пользователя для отображения абсолютного размера на заголовок HTML и абсолютные размеры шрифта. « Среднее »значение - это предпочтительный размер шрифта пользователя и используется в качестве эталонного среднего значения. "- выделение мин.

---

Существует консенсус в отношении того, что веб-сайты основывают относительные размеры шрифтов на типичном браузере по умолчанию, равном 16 пикселей, что, к сожалению, но "это жизнь". Но как насчет других систем - можем ли мы ожидать, что все браузеры будут по умолчанию?

По крайней мере, теперь я понимаю проблему.

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

---

Вывод: я сбросил все мои браузеры до 16px (18px на моих машинах с 125 DPI) и настроил свой веб-сайт на использование размера шрифта: 90%. Это дает хороший размер дисплея и, конечно, все мои любимые сайты теперь читабельны. Спасибо за все конструктивные ответы и живой вперед и назад.

Это отличное сообщество.

Answer 1

Большинство браузеров, если не все, устанавливают размер шрифта по умолчанию 16 пикселей. Многие веб-сайты также используют относительный размер шрифта. Это создаст вам проблему, если размер шрифта вашего браузера будет ниже, чем этот.

Рассмотрим случай, когда в браузере по умолчанию установлен размер шрифта 16 пикселей. Когда шрифт сайта 1.0em, он будет отображаться как 16px. Некоторый другой текст может быть 0,7em, хотя, так что это будет меньше. Однако, если размер шрифта вашего браузера по умолчанию равен 12px, 1.0em будет 12px, а 0.7em будет нечитаемым, потому что он будет очень маленьким.

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

Answer 2

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

У меня есть простое руководство в жизни. Когда вы думаете, что все остальные неправы, вы, возможно, не правы.

Более того, даже если вы правы, часто разумнее идти вместе с окружающим миром, а не сражаться со всеми.

Вот мысль. Если вы веб-дизайнер и знаете, что более 99% посетителей не собираются возиться с размерами браузера по умолчанию, то вы наверняка захотите, чтобы ваш сайт выглядел хорошо для этого большинства. Этот прагматизм объясняет текущую ситуацию.

В любом случае, удачи в твоих поисках.

Answer 3

Мне все равно, какой размер шрифта, , пока я могу его изменить . Это самая большая причина, по которой я ненавижу флеш сайты. Я не так давно просматривал страницу с вакансиями для какой-то крупной компании, и шрифт был TINY. Моя инстинктивная реакция - нажать Ctrl- + (в Firefox), но размер текста, отображаемого во flash, не может быть изменен! Я немедленно покинул сайт. У меня нет лучшего зрения, поэтому я должен быть в состоянии сделать маленький текст больше.

Другая проблема, с которой я часто сталкиваюсь, - это сайты с фиксированной шириной. Я использую мониторы с высоким разрешением (1600x1200, 1280x800 или выше), и нет ничего, что я ненавижу больше, чем пустая половина экрана. Хуже того, на некоторых сайтах фиксированная ширина не увеличивается, когда я делаю шрифты больше! Однажды я пытался прочитать статью после того, как увеличил размер текста, и у него было ТРИ СЛОВА В СТРОКЕ и ЗАГРУЗКА пустого экрана справа

Answer 4

В большинстве современных браузеров% age допускает динамический рендеринг. Ctrl- и Ctrl + ваши друзья.

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

Answer 5

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

Answer 6

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

Answer 7

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

Вы, как зритель, можете сами определить для себя удобную базовую линию , но если дизайнер хочет подчеркнуть или опровергнуть важность раздела текста, который ему решать, и для вас это выгоды . Вы не должны завидовать ему на 50% больше, чем вы должны # 999 или курсивом.

Все это при условии, что дизайнер стоит своей соли и не злоупотребляет ею, что может печально произойти.

Answer 8

• Использование CSS для управления размером шрифта
• Укажите размер шрифта в em
• Используйте чит-коды (например, #, _) для разные браузеры, если рендеринг шрифтов в разных размерах на разных браузеры.

Answer 9

Установка шрифта в% или em измерение не глупость, на самом деле это W3C рекомендуется!