Размер шрифта

7 03 2009

Минимальный размер шрифта, установленный в моем браузере – 16 px. Где-то с год назад я его таким себе поставил. Некоторое время назад решил попробовать быть как все, и смотреть сайты с оригинальными размерами шрифтов. Меня хватило только на 2 недели. От постоянного чтения микроскопических буквочек очень устают глаза.

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

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

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

А какой размер шрифта у вас?

thanks


Действия

Информация

Ответов: 5

8 03 2009
Сергей

Размер шрифта в px вообще смысла не имеет. Вот на eeePC разрешение экрана 130dpi, а на моём основном ноутбуке — 96 dpi. Т.е. размер букв отличается на треть.

Размер в пунктах — вполне осмысленный размер, который соответствует реальному размеру букв на экране. Если, конечно, графическая подсистема правильно настроена, а это даже в линуксе далеко не у всех так. А уж в Windows вообще с произвольным разрешением (dpi) тяжко (почти все шрифты MS заточены под агрессивный хинтинг на всего двух разрешениях, потому меняют свои размеры очень скачкообразно).

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

PS. У меня 15 px в браузере (минимум 12 px) при разрешении 96 dpi, т.е. 11.25 pt по-умолчанию и 9 pt минимум. В терминале 12 pt (обычно использую Liberation Mono, Incosolata или Terminus, иногда меняю). Немного неудобно, конечно, что в FF размер указывается пиксельный.

8 03 2009
dima

pt, конечно, очень хорошая единица измерения для абсолютных размеров. Но для дизайна сайтов, как мне кажется, лучше использовать em. Иначе на том же eeePC рискуешь увидеть мааааааленький уголок сайта. em позволяет пользователю настроить такой размер шрифта, как ему удобно, а дизайнеру реализовать свои идеи относительных размеров шрифтов.

10 03 2009
Сергей

В том-то и дело, что если размер шрифта указан 12 pt, то буквы я увижу одинакового размера и на eeePC, и на обычном экране. И на принтере тоже. Говорят, на маке увижу мельче, но этого я проверить и объяснить не могу (пункт Дидо там?)

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

10 03 2009
dima

Все правильно. Поэтому если задавать все шрифты в pt, то если сайт влазит в мой монитор размером 30 сантиметров в ширину, то в eePC он влезет только наполовину.

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

10 03 2009
Сергей

Ну если задать сайт шириной в 72 em, то он действительно при любом вменяемом размере шрифта будет вмещаться только на 30-см экране. Так что em само по себе не спасёт. А колонки шире 60 символов уже плохо читаются (т.е. шире где-то 25 em для латиницы, в зависимости от шрифта).