На самом деле, существует наилучший размер шрифта и высота строки с точки зрения «читабельности абзаца» на веб-странице. Цель поставленного выше вопроса ясна: удобочитаемость. Они не просили лучшую музыку или стиль одежды или что-то еще, что терпит разнообразие и разные вкусы; они не спрашивали о наилучшем цвете шрифта или размере шрифта на мой или ваш вкус или для пожилых людей, но о наилучшем размере шрифта и высоте строки для конкретной [читабельности], и, безусловно, существуют рекомендации для наилучшей практики для этого. цель. Это не вопрос вкуса, а вопрос оптики и механики чтения; и это требует знания типографии тоже. Упрощение этого до «того, что вам и мне нравится» - это грубое смешение вкуса и эффективности, цвета и здоровья.
И я собираюсь предположить, что вопрос не в размере шрифта для заголовков, а в отношении абзацев на экране (потому что это то, что мы читаем в основном здесь, в Интернете).
Даже если бы мы вежливо обозначили существующие рекомендации как «рекомендации», они все равно в значительной степени дают ответ на вопрос «Лучший». И прежде чем я поделюсь тем, что я знаю, пожалуйста, поймите, что если вы не являетесь дизайнером типографики по профессии или, по крайней мере, очень хорошо изучены в этой области, то вы вряд ли сможете ответить на вопрос выше. И иногда людям нужны превосходные профессионалы, чтобы показать им то, что они никогда не осознавали, было доступно, возможно или существовало; иногда люди не уверены, что почувствуют или покажутся «лучшими», пока вы на самом деле не покажете им это и не попросите их попробовать и посмотреть, понравится ли им это, или если оно быстро растет на них. Иногда люди привыкают к неправильным, нездоровым или контрпродуктивным практикам, таким как сидение с откинутой спиной или чтение веб-страниц в небольшом Times New Roman, пока неправильная практика фактически не станет для них [удобной]; это становится их зоной комфорта! Означает ли это, что «лучшее» для них - это то, что они обычно выбирают? Очевидно нет; совсем не обязательно. И иногда проблема не в размере шрифта! Это означает, что пользователь, который выбирает увеличение размера шрифта, делает это не из-за размера шрифта, а из-за того, что длина строки (ширина абзаца или столбца) слишком длинная, или высота строки слишком узкая, или есть нет абзацев вообще (!) и это просто стена текста, или цвета абзаца и фона слишком похожи, поэтому они увеличивают размер шрифта, чтобы компенсировать такие плохие проблемы дизайна, когда они были бы совершенно довольны тот же размер шрифта на правильно оформленной веб-странице.
Теперь, что касается размера шрифта абзацев и, в частности, для удобства чтения в Интернете, лучший или рекомендуемый диапазон составляет от 12 до 16 пикселей. Это может немного измениться, если вы выбираете нестандартные шрифты, но это все равно не рекомендуется для веб-сайтов. И указание размера в px, вероятно, предпочтительнее pt (например, единицы измерения, используемой в Microsoft Word) из-за более высокой согласованности отображения в браузерах, когда размер указан в px (пикселях); px для экрана и pt для печати.
Аргумент «что бы пользователь ни выбрал сам» недопустим, поскольку он предполагает, что обычный пользователь вообще меняет размер шрифта по умолчанию в настройках браузера; такое предположение очень вводит в заблуждение и определенно не представляет фактических данных о проценте большинства или типичном пользователе Интернета, который никогда не пытается изменить настройки шрифта браузера по умолчанию.
Я уважаю реко W3Cисправления, но сегодня большинство браузеров в любом случае способны увеличить размер шрифтов на экране с помощью Ctrl + (+), даже если размер был указан в px, и Ctrl + 0, чтобы вернуть страницу к исходным размерам. И в большинстве случаев информированный дизайнер на самом деле собирается указать размер шрифта абзацев, высоту строки и ширину столбца, чтобы они все дополняли друг друга и улучшали читабельность. Таким образом, изменение [только] размера шрифта хорошо спроектированной страницы, измененного незнакомым пользователем, может фактически ухудшить удобочитаемость, а не улучшить ее, особенно для длинных абзацев. Понятно, что доступность важна, а иногда требуется для некоторых правительственных веб-сайтов, но это все же может учитываться дизайнером, так что ширина столбца увеличивается по мере увеличения размера шрифта пользователем; и в таких случаях вы бы использовали единицу em вместо px, а диапазон будет от 0,75 до 1 em (если только базовый размер шрифта не был взломан оператором CSS body {font-size: 62.5%;}) тогда диапазон составляет от 1 до 1,6).
Что касается высоты строки абзацев, то рекомендуемый абсолютный минимум составляет 150%. И в большинстве случаев вам не нужно превышать 175%.
И снова для удобства чтения в Интернете, шрифты без засечек (например, Verdana) гораздо более рекомендуется для абзацев, чем шрифты с засечками (например, «Times New Roman»). Для печати это наоборот.
Два наиболее рекомендуемых шрифта для использования в Интернете - это Verdana и Georgia. Для достижения наилучших результатов сопоставьте их: лучшая комбинация - это Verdana для абзацев и Georgia для заголовков.
Также следует учитывать ширину столбца содержимого: в среднем оно должно составлять от 75 до 85 символов абзаца (от 13 до 18 слов) на полную строку. Если строки длиннее, читаемость в Интернете нарушается или замедляется; уже, и ваши абзацы выглядят неловко.
Обоснуйте? Нет, передайте это; это немного замедляет чтение, таким образом, ухудшает читабельность, особенно для быстрых читателей (и вы хотите, чтобы быстрые читатели любили ваш сайт!). Придерживайтесь для выравнивания влево для английского.
Причины всех этих рекомендаций можно найти в любой популярной веб-типографии и могут быть объяснены большинством типографских дизайнеров, если вы действительно хотите понять мудрость, лежащую в основе, чтобы убедиться, что эти рекомендации (или «лучшие «Практические рекомендации) имеют очень веские причины. Слишком большой (или огромный) шрифт, и читаемость фактически [не] улучшена, но скомпрометирована для большинства обычных читателей; слишком маленький шрифт, то же самое. Зачем? Опять же, вы можете исследовать это по ключевым словам, которыми я поделился.
Подводя итог, для веб-читабельности абзацев: Verdana (без засечек), 12—16 пикселей (не пт и 0,75–1 мкм, когда доступность очень важна), с высотой строки 150% –175%, 75 - 85 символов в строке (ширина контрольного столбца).