Отключить дополнительные пакеты интернет МТСАмедиатека списывает деньги с номера МТСЗапустил группу вконтактеНовые технологии дают толчок к будущемуЗа последние выходные почти полноценно перешёл на Linux

Шрифты для сайта

Для большинства кириллических шрифтов операционной системы Windows нет аналогов в Mac OS и LinuxUnix системах.

Это приводит к непредсказуемым результатам вывода текста в различных браузерах.

Близкие соответствия в других системах есть только для следующего списка безопасных шрифтов из Windows:

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

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

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

Оптимальные варианты

Для контента лучше выбирать шрифты без засечек (гротески). На экранах и мониторах они воспринимаются гораздо лучше. Шрифты с засечками (антиква) используются преимущественно в заголовках или печатных материалах.

Наиболее популярными вариантами являются Arial, Trebuchet десятого кегля для основного контента и Georgia, Times New Roman двенадцатого кегля для заголовков. Это обусловлено их широкой распространенностью и удобством чтения. А вот Impact и Comic Sans, несмотря на популярность, использовать не рекомендуется.

Еще один удачный вариант – это шрифт Verdana. Визуально он похож на Arial, но имеет более тонкий контур. Имейте ввиду, что этот шрифт по умолчанию устанавливается только на поздних версиях Windows и Mac OC, поэтому обязательно указывайте замену.
 

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

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

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

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

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

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