Типографика

индекс
321,53

Выбор Шрифтов для Презентаций, Печати и Веба

Любовь к шрифтам – это болезнь. Скорее всего большинству людей этого не понять – ведь мы живем в стране где вывески и витрины оформлены с такой безграмотностью что порой хочется достать фотоаппарат и сфотографировать это «счастье» да выложить в интернет дабы показать до чего может довести человеческое безразличие. Поэтому человек у которого на столе лежит каталог FontFont и который иногда бурчит что де «неплохо еще вот этот шрифт купить» воспринимается порой как немного «не в себе». Тем не менее, изрядная доля моего времени уходит на то чтобы потеоритизировать на тему того, какие шрифты где уместны, и как выработать свой уникальный стиль для презентаций, веб-типографики и печатной типографики. В этом посте – несколько мыслей насчет того что работает/не работает, и что бы хотелось попробовать.

В моей практике, шрифты используются в следующем материале:

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

Источников много, и для всех хочется создать какой-то особенный стиль.

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

Суть презентаций – это чтобы человек за 2-3 часа которые длится презентация не устал от нее. Для этого используется темный фон хотя в молодости я наивно использовал черный текст на белом фоне.1 Использовать темный фон меня промотивировал прежде всего шаблон Techdays.ru, который

  • Использует белый текст на темно-сером фоне
  • Использует золотые и белые буллиты для списков2
  • Использует гарнитуру Segoe3

Гарнитура Segoe – весьма неплоха, особенно для кириллицы которую я, как уже упомяналось, для презентаций не использую:




Помнится для презентаций я начинал с Arial. Более того – это был корпоративный стандарт там, где я работал. После нескольких экспериментов с разными гарнитурами (включая Segoe, естественно), я остановился на шрифте Myriad. Причина – идеальная, как мне кажется, читабельность. Также есть стиль Condensed (полезно!).

В плане шрифта для кода, шаблон Techdays рекоммендовал Courier New что мне показалось немного неуместным. В результате был выбран Consolas, который идеально гармонирует с Myriad (хотя очень хочется иметь Consolas Condensed). Consolas идеален для крупных размеров, но поскольку opticals тоже нет, то он тонковат при маленьком кегле.

Вот пример слайда где используются буллиты и фон techdays, а также Myriad + Consolas:




Для слайдов было рассмотрено много гарнитур. Вот некоторые из них:

  • Calibri. В принципе эта гарнитура неплохо работает, и мои коллеги успешно ее используют (см. например тут).
  • Arial/Helvetica. Слишком уж привычно, имхо.
  • Bliss. Шикарно но дорого. Очень сильно похож на Myriad.
  • Gill Sans. Странновато, хотя есть у меня одна презентация с этой гарнитурой.
  • Шрифты только для заголовков, такие как Friz Quadrata.

Для кода опять же было несколько вариантов, включая

  • Bitstream Vera Sans. Неплохо но неидеально.
  • Lucida Console. Вообще ужасно, имхо.
  • LucasFonts TheSansMono Condensed. С удовольствием приму в подарок. Вообще стиль Condensed – это то что как раз нужно для презентаций. Почему нет Consolas Condensed – ума не приложу.

Естественно, что в используемые гарнитуры часто вклиниваются и другие, в основном предустановленные в Windows. Например красивые амперсанды из гарнитуры Wingdings. (Да-да, там красивые амперсанды, посмотрите!)

Для презентаций есть один special case, который стоит упомянуть – это когда презентация создается не для проектора а исключительно для вебкаста. В этом случае не так критично какие шрифты использовать – для прожектора конечно нужны шрифты без засечек, но для экрана пойдут любые. Также, для экрана полезно делать фон чисто-черным, чтобы при просмотре на полный экран, фон сливался с полями (если таковые имеются). Вот пример (уже на русском языке):




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

К слову (хоть и немного офтопик) скажу что я также пишу расширения для PowerPoint которые добавляют дополнительные типографические изыски к презентациям.

Шрифты в Документах
Если вы используете Word – ваши руки уже связаны. Если забыть про кернинг, лигатуры, и прочее, то выбор шрифтов ваш все равно ограничен – ведь передав документ Word другому человеку, нужно чтобы у него все правильно отразилось. Поэтому для корпоратива основные шрифты были Arial + Times New Roman (TNR). Сейчас, с выходом 2007го офиса, возможно новой гарнитурой du jour будет Calibri.

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

В моем случае – это бесплатная гарнитура Gentium. Для кириллицы она не подходит (нет поддержки italics), но для латиницы, да еще с хорошим рубленым заголовочным шрифтом – идеально! С одной стороны может показаться, что не стоило бы пугать бизнесменов такой гарнитурой. С другой стороны, создайте документ с этой гарнитурой и откройте его в Adobe Reader, или распечатайте его с помощью дешевого 600dpi принтера. Сравните с Times New Roman. Чувствуете разницу?4




Мне редко приходится делать документы с использованием кириллицы. Обычно когда это требуется (например для этой брошюрки), я «страхуюсь» и использую Myriad + Minion. Пусть хоть тысяча западных типографов скажут мне что Georgia Мэтью Картера это «эталон» и «лучший кириллический шрифт на планете», для меня он всегда останется немного «вебным» и полноватым. A Minion – просто супер для кириллицы:




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

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

Иногда появляется соблазн сделать что-то новое – например взять за основу Sylfaen а для italics взять Palatino (кириллический курсив Палатино просто рулит). Пока я еще не насколько смелый чтобы использовать такую экзотику, но возможно что-то из этого пригодится в будущем.

В Заключение
Прочитав то, что написал выше, не уверен нужно ли это Хабрасообществу. Точнее может и нужно в плане того что теперь есть предлог пообщаться на тему шрифтов и типографики с единомышленниками. (Хотя disclaimer: я не верстальщик или шрифтовик, просто любитель.) Поэтому если интересно – пишите ниже, или в личку.

А если вы миллионер, то вот мой wish-list :)

  • LucasFonts TheSansMono Condensed
  • TEFF Trinité
  • DTL Caspari
  • Bliss

Заметки
  1. ↑ См например тут.
  2. ↑ Эти буллиты мы «позаимствовали» для нашего корпоративного сайта.
  3. ↑ Эта гарнитура лицензирована только для создания материала для компании Microsoft. Что подходит нашим .Net сообществам но, судя по лицензии, применять ее для других целей нельзя.
  4. ↑ Кстате, Gentium выглядит весьма странно при редактировании в Word. Что понятно – шрифт не оптимизирован под ClearType, сделан в нем hinting или нет – неизвестно. Не пугайтесь!
+25
2 сентября 2009, 14:06
125

комментарии (46)

0
kochetkovweb #
LucasFonts TheSansMono Condensed — действительно очень хорош!
0
mezastel #
Ага, недаром на него почти все издатели подсели. Но цена… это что-то. Хотя по сути дела для книг нужно всего одно начертание (SemiLight Cond). Хотя нет, еще жирное хочется. И для презентаций Regular. Э-эх!..
+16
zhekich #
Все ваши шрифтовые изыскания сводятся на нет весьма посредственной версткой, извините.
–1
kocten #
проблемы с версткой несомненно присутствуют, но помоему это все таки не главное в этой статье :)
+6
sanch3z #
В том то всё и дело, что здесь это очень важно. Вы же пишите в блог с названием «Типографика».

Типогра́фика — графическое оформление печатного текста посредством набора и вёрстки с использованием норм и правил, специфических для данного языка.

С вёрсткой своих примеров вы не справились. Так же, непосредственно в самой статье смущает нарушение правил русского языка.

Помоему, вы чрезмерно увлеклись выбором гарнитур и начертаний для своих работ и забыли о куда более значимых составляющих отличной типографики.
+2
nuxdie #
Еще Cameron Moll говорил, что
«Good designers use good typefaces.
But great designers use good typography.»

Однако это нисколько не умоляет ценности проделанной Автором топика работы.
0
mezastel #
Ммм, а можно конкретные примеры? В смысле — где верстка плохая, и почему.
+1
zhekich #
Ну разбирать по косточкам времени нет. Скажу, что самый главный недосмотр в том, что текст с кодом визуально трудно оличить от основного текста, не смотря даже на разные гарнитуры. Помимо шрифта нужно было поэксперементировать в интерлиньяжем и кеглем. Блоки с кодом должны распозноваться глазом даже при беглом простомтре.
0
mezastel #
На самом деле, как раз в брошюрке я решил поэкспериментировать и не использовать моноширинные шрифты — отчасти потому, что оригинал их тоже не использовал.
+1
kocten #
лично для меня наибольший интерес представляет глава «Шрифты на веб-страницах», но что-то малова-то там информации :(
и к слову говоря Calibri помоему при маленьких размерах все таки четается очень трудно, мне недавно дали на верстку дизайн где весь текст был выполнен Calibri, в частности основной текст был 11 кегля, в дизайне без альясинга он смотрелся хорошо, а в браузере — очень поршиво :(
0
Newes #
тоже удивился про Calibri. Я подсел на него и часто использую этот шрифт в главе «motion graphics».

0
mezastel #
ИМХО Calibri это как раз такой нейтральный sans-serif который мы можем использовать на сайтах. Tahoma/Verdana уже всем поднадоели, а какие еще альтернативы? Candara/Corbel? Ведь такие гламурные шрифты как Myriad под дисплей не оптимизированы.
0
kocten #
Ну на счет поднадоели немного не соглашусь… мне кажется они поднадоели а вошли в привычку и основной текст страницы следует делать именно ими, а с заголовками, strong'ом и курсивом пожалуй можно поэксперементировать =)
Myriad — да, к сожалению :( Ещё я кстати заметил что в прибалтике часто используют Lucida Sans в качестве основного шрифта: по моему мнению при большом кегле он смотрится очень даже хорошо, но вот 11 и меньше в браузерах — кашмарны, к сожалению :(
НЛО прилетело и опубликовало эту надпись здесь
+2
golodnyj #
к сожалению,
абсолютно не понял смысл использования светлого текста на темном фоне?
какие с этого получаются бенефиты, поясните пожалуйста
0
ivlis #
При показе на мониторе действительно лучше тёмный фон. Но для бытового проектора, да ещё не закрытыми шторами это превращается в нечитаемую серую массу.
0
mezastel #
Дело в том, что яркий белый свет очень утомляет глаза. Более того, иногда презентации проецирутся на глянцевую, а не матовую, поверхность, что усугубляет ситуацию.
0
golodnyj #
мне кажется,
что использование темного на светлом
имеет значительные преимущества при незначительном затемнении,
как обычно и происходит во многих конференц залах

хотя я могу ошибаться,
но мои эксперименты с темным фоном и светлым текстом
не очень хорошо закончились в тех местах где я выступал…
0
ivlis #
Не сочтите за грубость, но напомнило любителей «тёплого лампового звука». Сам использую Computer Modern и не парюсь :)
0
mezastel #
Ну, каждому своё.
–5
flyaway #
Артемий, залогинтесь.
–1
eshkin #
Как для обычной рядовой презентации слишком много внимания уделено шрифтам.
–1
mezastel #
Ну, кто-то наоборот, никакого внимания не уделяет. С презентациями хотя бы можно один раз определиться и потом с тем же шаблоном их постоянно делать.
0
eshkin #
Задача вашей презентации дать информацию, с этой задачей справятся и стандартные шрифты. Вы меняете шрифты, что б было красиво и нестандартно, но для этого надо полностью работу делать в таком стиле, а не просто поменять шрифты и называть это еще типографикой.
+2
sunmax #
А что… нормальная такая статья в стиле «как я выбирал шрифты».

Однако «методика внестатистических субъективных предпочтений» прослеживается в данном эссе очень уж заметно.
+1
django #
>ведь мы живем в стране где вывески и витрины оформлены с такой безграмотностью

Это точно, меня вот от Ижицы уже невероятно тошнит, она заполонила всё, даже на деньги её клепают. Продукты, спиртное, вывески, гербы, церкви, газеты, книги, транспорт, эмблемы — везде она. Кажется что живёшь в каком-то инкубаторе.
0
mezastel #
А меня — шрифты а-ля Chancery
+2
overdose #
code.google.com/p.typografix

The requested URL /p.typografix was not found on this server.

:/
+1
mezastel #
+12
danki #
В Русских Текстах не Пишут Все Слова в Заголовке с Большой Буквы.
0
mezastel #
Спасибо, учту на будущее.
0
tossshik #
Спасибо за интересную подборку, в закладки.
0
wersoo #
В Consolas очень неприятная особенность есть — при малом кегле l сложно отличить от 1.
Myriad по частоте использования, кажется, скоро кажется перегонит Comic Sans =)
0
mezastel #
Не перегонит — это же коммерческий шрифт. Перегонит тот, что стоит дефолтом в последнем Ворде, а именно Calibri.
0
aim #
прочитал с интересом.

к сожалению Calibri нельзя использовать для веба — только в .docx — не все используют операционные системы от Microsoft. А вот Georgia подходит — он входит в комплект webfonts который может установить себе каждый.
0
kocten #
Georgia — кайфовый для заголовков и курсива, основной текст как мне кажется им делать не стоит — Verdana/Tahoma с большими абзацами справляется получше :)
0
aim #
да. конечно. я имел ввиду что из разных «не стандартных» шрифтов — Georgia можно хотя бы достать
0
mezastel #
Для не-Microsoft систем делаем фолбэк на Arial.
+1
ruzzz #
4 заметки, 4 раза «скроллил» туда-сюда, а еще хотелось бы видеть изображения упомянутых шрифтов. За статью спасибо.
–3
Midas #
>А если вы миллионер, то вот мой wish-list :)

А диски аля 1000 шрифтов не рулят?
0
borsug #
А где буллиты достали можете поделиться? Или же просто надо найти в инете золотые кружки и копаться в настройках маркированного списка?
0
mezastel #
Киньте ваше мыло в личку, пришлю буллиты.
0
borsug #
a@borsug.com

видимо по личной почте не дошло сообщение
0
vicnaum #
Эх, вот решил прочитать заметочку старую — а картинок уже нет… как жаль, как жаль…
0
mezastel #
Эт я виноват — положил сервак числа этак до 8го :(
0
arkhangel #
Спасибо большое за статью. Сейчас делаю презентацию для защиты диссертации и думаю, что полученная информация мне пригодится.

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