Шрифты. Теория. Какой рукописный шрифт использовать для заголовков (h1, h2, ...), если основной Open Sans?

Question

[Vic Shóstak]

Приветствую!

Давно хотел сделать себе некий шрифтовый бандл (набор), который можно было бы без лишних раздумий применять на веб страницах разной направленности. Например, если это личный блог про путешествия — делаем заголовки более жирными, например, Roboto Slab Bold, а основной пусть будет Roboto Condensed Light. И так далее, надеюсь, что мысль донёс.

Иными словами, пара «заголовок + текст», которая максимально визуально сочетаются (плюс подходят по контексту и тематике сайта).

Так вот, интересует вопрос: какой рукописный шрифт лучше всего использовать для заголовков веб-страниц (h1, h2, ...), если основной — Open Sans? Тематика сайта — кулинарный блог. Причём интересует не только кириллица, но и латиница (даже без поддержки русского). Ещё, желательно, из коллекций Google Font.

Буду рад толковым и конструктивным комментариям и ответам.

Comments

[Moskus]

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

[Vic Shóstak]

Moskus, я спрашиваю, а не утверждаю, что это верный выбор. Например, набивший уже оскомину, шрифт Lobster или Nautilus (или любой другой платный, но рукописный) — нередко встречаю в заголовках у всяких wordpress шаблонов, хотя основный шрифт — какой-нибудь Roboto или тот же PT Serif.

[Moskus]

Vic Shóstak, в русском языке, да и в других, когда вопрос поставлен в форме "какой рукописный шрифт использовать", а не в форме "использовать ли рукописный шрифт", это означает, что использовать этот самый рукописный шрифт вы уже решили, вопрос только в том - какой именно.

[Vic Shóstak]

Moskus, в тонкости восприятия каждого слова и споры «что я имел ввиду и как это кому-то там показалось» — я углубляться не имею ни желания, ни времени. Скажу прямо: если ничего конкретного, кроме саркастических «Вы это серьезно?», сказать не в силах — лучше просто идите мимо и не засоряйте, пожалуйста, эфир.

Показать (а на самом деле — просто сделать вид), что «вы умнее топик-стартера» — может каждый в интернете (на Тостере особенно), а вот объяснить «почему это так», «как сделать верно» или (банально) отстоять свою точку зрения — единицы. Вызов брошен, вам слово.

P.S. только, прошу, оформите ответ, как «Ответ на вопрос» — чтобы можно было отметить «Решением» в случае, если вы действительно разбираетесь в вопросе.

[alex-1917]

С засечками сразу исключаю, отвратное зрелище на планшетах и смартах!!!

[Moskus]

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

[Алексей Сегодин]

Мда... вот читаю посты на тостере и ответы на них и прям ностальгия. Как машина времени.
Дизайн в рунете отстает лет на 10 от Запада.

[Vic Shóstak]

Алексей Сегодин, поясните, пожалуйста.

[Алексей Сегодин]

Vic Shóstak, если вы дизайнер, то шрифт нужно подбирать не из заготовленного заранее бандла, а соответственно теме и стилю сайта. И совсем не обязательно делать разные шрифты в заголовке и теле статьи. Может быть сегодня такой тренд? — Ок, а что будете делать завтра когда тренды встанут с ног на голову?
В целях собственного развития и тренировки попробуйте сделать приятный/красивый дизайн с одним шрифтом и одним цветом. Сразу узнаете много нового о дизайне.

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

[Vic Shóstak]

Алексей Сегодин, да вот в том и дело, что я не дизайнер, а иметь какое-то представление про то «как можно или нельзя делать» — получить хочется... ведь не всегда же я делаю проекты, когда уже дизайн нарисован и не нужно думать про вот такие моменты. Иногда и для себя хочется! С нуля и в одно лицо, так сказать.

Читал книги по шрифту («О шрифте», Эрика Шпикерманна; «Шрифт и дизайн. Современная типографика», Джеймса Крейга), смотрел много всяких шаблонов на theme-forest и набросков на dribbble — да, но основная (ежедневная) работа — это больше про программирование (фронт/бэкэнд). Поэтому и вопрос такой неуклюжий и, скорее всего, не так заданный :)

[dom1n1k]

Vic Shóstak, вы умудрились из всего многообразия книг по типографике выбрать две самые поверхностные и бессмысленные. Читайте Чихольда и Брингхерста.

[Moskus]

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

Answer 1

[Ivan Bogachev]

Причём интересует не только кириллица, но и латиница (даже без поддержки русского). Ещё, желательно, из коллекций Google Font.

Тогда стоит начать поиски с сайта fontpair.co, там как раз собраны хорошие сочетания разных шрифтов из коллекции от Google.

Comments

[Vic Shóstak]

Отличный ресурс. Спасибо, кое-что уже присмотрел для своего бандла :)

Answer 2

[stratagema]

желательно, из коллекций Google Font

С кириллицей их всего 4 в Handwriting + Лобстер в Display. Так что выбор огроменный :-(

Какой рукописный шрифт использовать

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

Answer 3

[Moskus]

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

Конечно, если вы этого не знаете, или если вы - "бунтарь", можете делать что угодно, но зачем вам тогда одобрение других?

Answer 4

[xtala zen]

рукописный шрифт использовать для заголовков

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

Answer 5

[Алексей Сегодин]

Vic Shóstak , теперь ясно ) Поскольку вы не дизайнер, то могу посоветовать продолжать использовать шрифты семейств Roboto и Roboto Slab. При том они хорошо будут смотреться даже в сочетании с друг другом. Slab — для больших контрастных заголовков, лучше даже жирный.
Это хорошо сделанные качественные шрифты с кучей гарнитур качественные гарнитуры с кучей шрифтов. И графика шрифта идеально подходит для интерфейсов. Для универсального бандла — то что нужно.

Comments

[dom1n1k]

качественные шрифты с кучей гарнитур

Штирлиц ещё никогда не был так близок к провалу :)

[Алексей Сегодин]

dom1n1k, да, опечатался :) Должно было быть "качественные гарнитуры с кучей шрифтов" :)

Answer 6

[Antony Bark]

Если без обид, -- бросьте вы это занятие. При необходимости используйте два пути, альтернативные, но грамотные по результату:

1. ищите примеры типографики в готовых дизайнах, что "на глаз упадёт" то и берите
   
2. сотрудничайте с дизайнером, найти такого проще, чем кажется, -- почти у всех дизов проблемы с программированием: то немного JS надо, то чуток PHP, то просто объяснить что-то словами )) - обоюдно и поможете друг другу советами и небольшими одолжениями
   

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