Сегодня:
Блог: "Основы сайтостроения и веб дизайна"
сайтостроение

Переход на: Главная / Веб дизайн /

Как подобрать шрифты для сайта. Несколько полезных правил.

АвторАвтор: aklychin

Дата добавленияДата добавления: 09.02.2017

Число просмотровЧисло просмотров: 4243


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

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

Что такое шрифт?

Каждый из нас, в повседневной жизни сталкивается с текстовой информацией, предоставленной нам на страницах печатной продукции, экранах компьютеров и других гаджетов. Можно заметить, что от важности и объема предоставляемой информации, меняется графика ее подачи. Основную роль в этом моменте играют шрифты. Шрифты – это специализированные наборы литер (букв), цифр и спец знаков, используемых для передачи необходимой информации.

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

Как подобрать шрифты для сайта

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

Как подобрать шрифты для сайта?

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

1. Используйте кириллические шрифты для сайта.

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

2. Применяйте безопасные шрифты для сайта.

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

  • • Arial
  • • Arial Black
  • • Comic Sans MS
  • • Courier New
  • • Georgia
  • • Impact
  • • Times New Roman
  • • Trebuchet MS
  • • Verdana

Применяя данные образцы, вы избавите себя от головной боли по ускорению работы сайта и необоснованно высокой нагрузки на сервер.

Что такое шрифт?

3. Подбор шрифтов одной гарнитуры.

Гарнитурой шрифта считается особенность его изображения. По данному признаку шрифты разделяются на два вида: с засечками и без засечек (рубленные). Согласно общепринятой практике на странице рекомендуется использовать не более двух шрифтов, причем одной гарнитуры. Для страниц с большими объемами текста такая гарнитура должна быть без засечек. Это увеличивает читабельность текста.

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

4. Оцените размеры шрифта.

Подбирая текстовое оформление, стоит особое внимание обратить на аккуратность выбранного шрифта при больших размерах и его четкость при маленьких. Основными правилами размеров шрифта считается 12 – 16 рх размер для основного текста и пропорциональная величина для заголовков и подзаголовков. Исходя из этого, что бы правильно подобрать шрифт для сайта, стоит провести исследование.

Загрузите шрифт, отобразите его начертание в предполагаемых размерах на пробной странице и посмотрите результат в различных браузерах. Наилучший, примите за основу. Особое внимание обращайте на шрифт основного текста. Он должен иметь удобный межсимвольный интервал, а читабельность текста составлять 100%.

5. Красивые шрифты для сайта.

Не увлекайтесь так называемыми красивыми шрифтами.

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

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

Это основные правила, которые я хотел вам предложить. Следуйте данным правилам для успешной реализации ваших задумок. А мы идем дальше:

Где подобрать шрифты для сайта?

Где подобрать шрифты для сайта?

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

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

  • • http://www.google.com/fonts/ — каталог шрифтов предоставляемых Google;
  • • http://www.myfonts.com/ — крупный каталог с хорошей подборкой;
  • • http://www.fonts.com/ — большой каталог с бесплатным набором;
  • • http://webfont.ru/ — бесплатная коллекция.

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

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

Будем прощаться, пишите отзывы на статью. Удачи всем нам.

Поделиться

Добавьте Ваш комментарий и оцените статью:

+ Добавлять комментарии и оценивать статью могут только зарегистрированные пользователи. Если Вы регистрировались, то просто авторизируйте свой аккаунт.


Комментарии к данной статье:


Подписаться на обновления блога

монетизация сайтаРеклама
заработок на сайтеПомощь

Понравился проект?

Внесите вклад в его развитие, пожертвовав любую сумму на один из кошельков:

Z255632435111

R174106546724

Деньги пойдут на оплату серверов, зарплату авторам уроков и развитие ресурса.

В примечании к платежу укажите Ваш email или логин на нашем проекте.

Администрация.

Статистика блога:

Статей: 107

Комментариев: 8

Зарегистрировано: 15

Все права защищены сopyright © Блог - "Основы сайтостроения и веб дизайна" 2012 - 2017