.

Толстые и тонкие линии

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

Если вы внимательно изучите любой шрифт, то увидите, что толщина линий в каждой букве разная. Например, посмотрите на букву "т \ представленную для сравнения в нескольких вариантах шрифтов (рис. 8.6). В некоторых шрифтах, например Kepel Bold (слева 8.6), явно ощутима разница между толстой и тонкой частями буквы. При небольшом кегле все, что вы увидите, — это несколько жирных линий, а тонкие исчезнут вообще. Поэтому, если вы собираетесь использовать шрифт небольшого размера, при выборе шрифта обратите внимание на то, чтобы не было существенной разницы в толщине линий (как для шрифтов по центру и справа 8.6). Не стоит также использовать “светлое” начертание шрифтов, так как буквы этих шрифтов слишком тонкие и неразборчивые для чтения при небольшом кегле. Большинство “семейств” шрифтов имеют разный набор начертаний по толщине линий: от “светлых” с тонкими линиями до вариантов с жирными, черными и интенсивно черными линиями.

 8.7 и 8.8 представлен перечень шрифтов с засечками и без, которые хо- рошо смотрятся на Web-странице. Все представленные в этом перечне шрифты успешно прошли тест “10-го кегля”: текст, отформатированный 10 кеглем каждого из этих шрифтов, разборчиво читается в окне Web-браузера. Размер 10 пунктов является минимальным размером шрифта, который рекомендуется использовать для Web-дизайна.

 8.7 и 8.8 приведен перечень шрифтов, которые прошли тест “10-го кегля” и идеально подходят как для графического, так и для HTML-текста. Для графического текста вы можете использовать любой шрифт, который вам нравится. Для HTML-текста следует выбирать только те шрифты, которые поддерживаются большинством компьютеров. Такой перечень будет приведен 8.18.

Шрифты с засечками и без

Пока вы не узнаете, чем отличаются шрифты с засечками и без, нельзя говорить, что вы полностью ознакомились со шрифтами. Засечка — это небольшой выступ, который украшает концы буквы (рис. 8.9). В шрифтах без засечек этих выступов нет. В некоторых современных шрифтах без засечек немного закруглены концы символов, однако их все-таки относят к группе шрифтов без засечек.

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

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

Не слишком большой и не слишком маленький

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

Возьмите за правило использовать для основного текста шрифт размером 10-12 пунктов (разные шрифты отличаются друг от друга). Размер в 14 пунктов для основного текста великоват. В заголовках лучше всего использовать шрифты размером 14-24 пунктов. Конечно, окончательное решение в каждой конкретной ситуации остается за вами, но заголовки размером более 24 пунктов выглядят громоздко и занимают много места.



Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×