Посмотрите на любую веб-страницу в Интернете сегодня, независимо от размера сайта или отрасли, для которой она предназначена, и вы увидите, что их всех объединяет текстовое содержимое.
Один из самых простых способов повлиять на дизайн веб-страницы - это шрифты, которые вы используете для текстового содержимого на этом сайте. К сожалению, многие веб-дизайнеры, которые только начинают карьеру, сходят с ума, используя слишком много шрифтов на каждой странице. Это может создать нечеткий опыт, которому, кажется, не хватает единства дизайна. В других случаях дизайнеры пытаются экспериментировать со шрифтами, которые практически не читаются, используя их только потому, что они «крутые» или разные. Это могут быть действительно классные шрифты, но если текст, который они предназначены для передачи, не может быть прочитан, тогда "крутизна" этого шрифта исчезнет, когда никто не прочитает этот веб-сайт и вместо этого уйдет на сайт, который они могут процесс!
Некоторые полезные правила
- Не используйте более 3–4 шрифтов на одной странице. Все, что больше этого, начинает казаться дилетантским - и даже четырех шрифтов в некоторых случаях может быть слишком много!
- Не изменить шрифт в середине предложения, если у вас нет веской причины.
- Используйте шрифты без засечек или шрифты с засечками для основного текста, чтобы упростить чтение этих блоков содержимого.
- Используйте моноширинные шрифты для текста пишущей машинки и блока кода, чтобы выделить этот код отдельно от страницы.
- Используйте скриптовые и фантастические шрифты для акцентов или больших заголовков с очень небольшим количеством слов.
Помните, что это все предложения, а не жесткие правила. Однако, если вы собираетесь сделать что-то другое, вам следует делать это намеренно, а не случайно.
Шрифты без засечек - основа вашего сайта
Шрифты без засечек это те шрифты, у которых нет «засечки»- немного доработанный дизайн на концах букв.
Если вы посещали какие-либо курсы полиграфического дизайна, вам, вероятно, говорили, что шрифты с засечками следует использовать только для заголовков. Это не относится к сети. Веб-страницы предназначены для просмотра веб-браузеры на компьютерных мониторах и мобильных устройствах, а современные мониторы и дисплеи довольно хорошо отображают как шрифты с засечками, так и шрифты без засечек. Некоторые шрифты с засечками трудно читать на меньших размерах, особенно на старых дисплеях, поэтому вам всегда следует знайте о своей аудитории и убедитесь, что они могут читать шрифты с засечками, прежде чем вы примете решение использовать их для своего тела текст. При этом большинство шрифтов с засечками сегодня предназначены для цифрового потребления, и они будут нормально работать в качестве основного текста, если для них установлен разумный размер шрифта.
Вот некоторые примеры шрифтов без засечек:
- Arial
- Женева
- Helvetica
- Люцида Санс
- Требушет
- Вердана
Примечание
Verdana - это семейство шрифтов, созданное для использовать в сети.
Используйте шрифты с засечками для печати.
Хотя шрифты с засечками трудно читать в Интернете для старых дисплеев, они идеально подходят для печати и хороши для заголовков на веб-страницах. Если у тебя есть удобный для печати версии вашего сайта, это идеальное место для использования шрифтов с засечками. Печатные шрифты с засечками облегчают чтение, поскольку они позволяют людям более четко различать буквы. А поскольку печать имеет более высокое разрешение, она видна более четко и не сливается вместе.
Некоторый примеры шрифтов с засечками находятся:
- Garamond
- Грузия
- Раз
- Times New Roman
Моноширинные шрифты занимают одинаковое пространство для каждой буквы
Даже если ваш сайт не посвящен компьютерам, вы можете использовать моноширинный шрифт, чтобы предоставлять инструкции, приводить примеры или подразумевать машинописный текст. Моноширинные буквы имеют одинаковую ширину для каждого символа, поэтому они всегда занимают одинаковое пространство на странице. Моноширинные шрифты особенно хорошо подходят для примеров кода.
Пишущие машинки обычно используют моноширинные шрифты, и их использование на вашей веб-странице может дать вам ощущение написанного на машинке контента.
Вот некоторые примеры моноширинных шрифтов:
- Курьер
- Новый Курьер
- Консоль Lucida
- Монако
Фэнтезийные и скриптовые шрифты трудно читать
Фэнтезийные и скриптовые шрифты не так широко распространены на компьютерах, и в целом их трудно читать большими кусками. Хотя вам может понравиться эффект дневника или другой личной записи, который может дать использование курсивного шрифта, у ваших читателей могут возникнуть проблемы. Это особенно верно, если в вашу аудиторию входят не носители языка. Кроме того, фэнтезийные и скорописные шрифты не всегда содержат символы ударения или другие специальные символы, которые ограничивают ваш текст английским языком.
Используйте фантазийные и скорописные шрифты в изображениях, заголовках или выносках. Делайте их краткими и имейте в виду, что какой бы шрифт вы ни выбрали, он, вероятно, не будет на большинстве компьютеров ваших читателей, поэтому вам нужно будет их доставить использование веб-шрифтов.
Вот некоторые примеры фэнтезийных шрифтов:
- Медная тарелка
- Дездемона
- Влияние
- Кино
Примечание
Impact - это семейство шрифтов, которое, скорее всего, будет на компьютерах Mac, Windows и Unix.
Вот несколько примеров скриптовых шрифтов:
- Яблочная канцелярия
- Comic Sans MS
- Почерк Люциды
Примечание
Исследования показали, что трудные для чтения шрифты помогают учащимся запоминать больше информации.