• Партнеры
• Программы
• Статьи

Вилами по воде или черным по белому? Коротко о шрифтах в сети Интернет

ГлавнаяНаш блогСтатьиВилами по воде или черным по белому? Коротко о шрифтах в сети Интернет

12.07.2011

Интерфейс, юзабилити, функциональность, кроссбраузерность, SEO, фирменный стиль, концепция и прочее - все эти понятия практически всегда звучат в обсуждении будущих и существующих Интернет-сайтов. В брифе на разработку сайта заказчики обязательно указывают свои представления о прекрасном: говорят, какие им нужны цвета, разделы, кнопки, ссылки и ключевые особенности. Не забывают они и про текст: он обязательно должен быть продающим, для людей, но с включением необходимых ключевых запросов, с подзаголовками и мотивирующий позвонить или иным образом связаться с компанией.

Однако часто ли мы слышим просьбы заказчиков использовать на сайте определенный шрифт конкретного цвета и размера? Вовсе нет. Хотя именно шрифт – это и есть то связующее звено между дизайном и текстом, которое делает сайт идеальным. Или обычным. Или тем, с которого хочется уйти прямо сейчас.

Немного теории

Само слово «шрифт» имеет несколько близких, но все-таки отличных друг от друга значений. Но нам, работающим в сети и пользующимся различными Интернет-сайтами, привычнее всего следующее определение: шрифт – это совокупность букв, цифр и знаков определенного стиля и размера, которая используется в качестве письменного средства воспроизведения речи на каком-либо языке.

Чаще всего в качестве шрифтов для сайта используются латинские и славянские прямые шрифты, которые в общем случае можно разделить на две основные группы. Антиквенная (в переводе с латинского – «древний») группа берет за основу принцип прямоугольника – в эту геометрическую фигуру определенной ширины вписываются все буквы, кроме широких (например, Ш, Ы или Ю). Соответственно, буква О и другие буквы с округлыми очертаниями (Б, В, З) отличаются овальными формами.  В основе второй группы, медивальной (в переводе с французского – «средневековый»), лежит квадрат, а округлые буквы строятся на базе полноценных окружностей. В этом случае буквы шрифта будут отличаться по ширине, а сам текст получится менее строгим и более воздушным.

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

Шрифты для сайта – подводные камни

Если говорить упрощенно, то обыкновенный Интернет-сайт, это набор HTML-кода. Применимо к шрифту, разработчик просто задает специальными тегами, что такой-то текст будет написан, например, шрифтом Times New Roman. Когда браузер пользователя прочитает этот HTML-код, он автоматически подгрузит Times New Roman из стандартной библиотеки шрифтов операционной системы и покажет нужный текст нужным шрифтом.

На этом принципе и основан выбор именно стандартных шрифтов для сайтов большинством веб-разработчиков: использование тех наборов гарнитур, которые точно есть в компьютере любого пользователя, позволяет им с полной уверенностью гарантировать кроссбраузерность и отсутствие проблем с отображением на любых компьютерах. Выбор, между прочим, не велик – к стандартным шрифтам для сайта относятся Arial, Verdana, Tahoma,  Times New Roman, Georgia, Trebuchet MS, Courier New, Comic Sans MS и еще несколько вариантов.

Попытки использования других шрифтов для сайта могут привести к отсутствию кроссбраузерности (если, допустим, Google Chrome скорее всего отобразит все правильно, то Internet Explorer вряд ли будет стараться за разработчика), появлению «кракозябр» или к дополнительным сложностям для верстальщика сайта – ему придется использовать CSS стили и отдельно прописывать запасные стандартные варианты для блоков текста на каждой страницы или программировать подгрузку определенного шрифта в браузер каждого пользователя при входе на сайт.

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

В этом случае гарантированный выход один – строить сайт на основе графических изображений (текст набирается нужным шрифтом в графическом редакторе, а на сайт вставляется итоговое изображение). Можно также попробовать поработать с оператором CSS-редактора @font-face или использовать Google Font API, но в этом случае рекомендуем провести дополнительные тестирования кроссбраузерности и проверить отображение сайта на различных компьютерах с разными операционными системами.

Золотые правила использования шрифтов в сети Интернет

1. Не используйте на сайте шрифты кеглем меньше 12. Но и значительно больший размер уместен, пожалуй, только в заголовках. Исключение: «жесткое SEO» для роботов в нижней части главной страницы – чем мельче, тем лучше.
2. Различные гарнитуры одного шрифта (полужирный, курсив и т.п.) уже дают неограниченные возможности для расстановки акцентов. Не играйте цветами, по крайней мере, более чем двумя одновременно, иначе ваш сайт будет выглядеть несерьезным, а глаза пользователя начнут уставать.
3. Независимо от используемых на сайте шрифтов, не забывайте про правила русского языка. Переносы должны быть там, где положено, а тире – длиннее дефиса, не говоря уже о грамматике и орфографии.
4. Попробуйте сами прочитать шрифт выбранного цвета на заданном фоне и попросите высказать свое мнение друзей. Конечно, классическое «черным по белому» давно уже не является обязательным, но желтое на розовом вряд ли заставит пользователя задержаться на вашем сайте.
5. Несмотря на то, что в типографии особой любовью пользуются шрифты с засечками, на экране лучше смотрятся «рубленые» шрифты. Если говорить о стандартных шрифтах для сайта, Arial или Verdana будут смотреться лучше, чем Times New Roman.
6. По возможности забудьте о выравнивании по ширине. В этом случае пробелы между словами увеличиваются хаотично, и текст получается неоднородным. Вне зависимости от шрифта.

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

Вы все еще используете стандартные шрифты для сайта? Может быть, пришло время что-то менять?

Добавить комментарий