Веб-типографика сегодня. Часть V

    Часть IЧасть IIЧасть IIIЧасть IVЧасть V — Часть VI

    Часть V



    Очевидно, что в сфере высоких технологий развитие зачастую происходит быстро и бурно. Так произошло и со средствами отображения информации. В течении каких-то двух-трёх лет обычные ЭЛТ-мониторы почти целиком и полностью были вытеснены стремительно дешевеющими ЖК-собратьями. Что позволило существенно улучшить как геометрию отображения, так и цветопередачу, а также снизить утомляемость глаз за счёт отсутствия вредного мерцания. И если несколько лет назад подобное утверждение в пользу TFT-панелей можно было бы оспорить, то теперь этот факт не вызывает ни у кого сомнений: ЖК-дисплеи намного лучше для повседневной работы рядового пользователя. В связи с этим фактором возникла необходимость поиска качественно новых алгоритмов отображения шрифтов. Одно из таких решений пусть не сразу, но всё же получило определённое признание в среде пользователей, и на сегодняшний день является чуть ли не самым популярным на современных платформах. Речь, конечно же, о технологии рендеринга ClearType, которая послужила причиной разработки новых веб-ориентированных шрифтов…


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



    Технология эта отнюдь не застывшая в одной точке, и, как и всякая компьютерная отрасль, она постоянно развивается. Поэтому алгоритм ClearType в Vista реализован чуточку лучше, чем в Windows XP. Очевидно, что в грядущей Vienna (и последующих версиях системы) этот метод будет и дальше оптимизироваться и шлифоваться.

    На мой субъективный взгляд субпиксельное сглаживание лучше всего реализовано в MacOS X (технология векторного рендеринга Quartz), причём в Leopard тоже всё выглядит немного лучше, чем в Tiger. А для пользователей UNIX-систем существует надстройка FreeType, позволяющая также добиться довольно качественного сглаживания экранных шрифтов.

    В общем, если ещё лет пять назад меня тоже раздражала хорошо различимая «цветастость» в XP (так что я отключал отображение ClearType и «наслаждался» несглаженными буквами), то теперь я абсолютно не замечаю этого эффекта, хотя использую тот же самый монитор, подключённый теперь уже к «маку».

    Впрочем, это уже не особо важные мелочи. Главным является тот факт, что крупные производители ПО сделали ставку на ClearType (или аналоги) и не прогадали. Технология улучшается, и со временем получит практически 100%-ное применение. Насколько долго будет происходить этот процесс повсеместного внедрения — покажет время, но уже сейчас можно с уверенностью говорить о том, что дизайнерам следует ориентироваться именно на сглаженный текст посредством этой или подобными технологиями.

    Собственно говоря, появление ClearType и сподвигло Microsoft на разработку нового комплекта шрифтов, которые заменили бы морально устаревший набор Core Fonts For Web, отлично прослуживший десяток лет, покуда не пришла пора качественно сглаженного текста. Мы уже рассмотрели примеры, в которых невооружённым глазом видны недостатки шрифтов из этого набора десятилетней давности. Для новой же технологии потребовались новые шрифты.

    Так в очередной раз на помощь Microsoft пришли специалисты из компании Ascender Corporation, разработав серию гарнитур, объединённых в набор ClearType Fonts Collection. Рассмотрим эти шрифты подробнее, поскольку они представляют немалый интерес для современного веб-дизайна.

    Впервые этот набор появился в составе пакета Microsoft Office 2007, позже вошёл в состав Windows Vista.

    Пользователи более ранних версий Windows (2000, 2003 Server, XP) могут бесплатно скачать PowerPoint Viewer 2007, после установки которого в системе появятся и все шрифты из набора ClearType Fonts Collection. На «маки» эти шрифты могут попасть вместе с Microsoft mac:Office 2008. Лишь в ОС семейства Linux (а также других UNIX-систем) пока нет этих шрифтов в штатной поставке. Но их можно купить по отдельности или полным набором у Ascender Corporation. Впрочем, спрос и в данном случае регулирует предложение, а потому найти эти шрифты для халявного бесплатного использования в любых ОС не проблематично, было бы желание.

    Итак, в данный набор входит 7 шрифтов (ещё нередко упоминается Segoe UI, но он не входит в этот комплект, а является системным шрифтом Windows Vista). Все они представлены в формате OpenType и содержат очень широкий диапазон символов Unicode (в том числе расширенную кириллицу). Благодаря тому, что названия некоторых из них начинаются на «Ca–», а других на «Co–», этот комплект иногда называют CoCa-Fonts или C-Fonts.

    Вот эти шрифты:



    Шрифт Cariadings не представляет особого интереса, потому что подобно гарнитурам Wingdings и Webdings содержит лишь пиктографические символы и узоры, которые сгодятся лишь в очень редких специфических случаях (например, для оформления «буллетов» или концевых знаков в газетной вёрстке).

    А вот другие шесть шрифтов весьма и весьма любопытны.

    На первый взгляд кажется, что в них нет ничего необычного и особенного. Вроде бы как очередные вариации на тему гротесков (Calibri, Candara, Corbel), антикв (Cambria и Constantia) и один моноширинный шрифт (Consolas).

    На обычных ЭЛТ-дисплеях и ЖК-мниторах с отключенным сглаживанием эти шрифты будут выглядеть отнюдь не лучше приснопамятных Arial или Times New Roman. При печати на принтере тоже не обнаруживается сколь-нибудь заметного выигрыша. Впрочем, мне встретился случай применения шрифта Cambria именно в полиграфии. Один знакомый верстальщик долго не мог найти подходящую антикву для имитации набора дореволюционных текстов: никак не удавалось подобрать шрифт, в котором хорошо бы смотрелась буква «ять», особенно в курсивном начертании. Оказалось, что Cambria подходит для этих целей как нельзя лучше, да и в целом ощущение от это шрифта в печатном виде какое-то «старинное», несмотря на относительную молодость гарнитуры.

    И вот когда включён алгоритм субпиксельного рендеринга, сразу же становится заметно существенное преимущество при использовании каждой из C-гарнитур. Посмотрим, как это происходит.

    Calibri — семейство гротескных гарнитур, разработанных для Microsoft в 2005 году голландским дизайнером Lucas de Groot. Шрифт получил награду Type Directors Club's Type Design Competition в категории системных шрифтов.

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



    В данном примере видно, что очко у Calibri несколько меньше. Поэтому кажется, что кегль у этого шрифта на один пункт меньше, чем у Tahoma. В нижней части я намеренно использовал слева кегль 10 пунктов, чтобы можно было сравнить с 9 пунктами срава. Очко меньше, но за счёт этого и читаемость значительно выше.

    Вот как выглядел бы шрифт Calibri на наших примерах (фрагменты сайта Apple и Ко/водства):





    В целом, неплохо. Хотя, на мой взгляд, не столь элегантно, как в случае с Myriad Pro, но где-то близко к Lucida Grande и Trebuchet MS. Видно, что данный шрифт наилучшим образом ведёт себя в мелких кеглях (до 12 пунктов), более-менее годится и для средних заголовков (16-20 пунктов). Хотя в качестве основного шрифта для ненапряжного чтения Calibri не очень подходит, поскольку имеет ярко выраженную округлость и монотонность. Ведь как было установлено много столетий назад, гуманистические шрифты в этом случае существенно проигрывают антиквенным, зато отлично годятся для выделения и акцентирования отдельных фрагментов.

    Поэтому не совсем понятно, почему в пакете Microsoft Office 2007/2008 вместо Times New Roman по умолчанию используется Calibri. Мне кажется, что данное решение было несколько неоправданным. Ведь мало пригодный для экранного отображения шрифт Times New Roman в целом неплохо смотрелся в печатных документах. А Calibri, напротив, лучше годится для интернета (электронные письма, чат, веб-страницы и т.п.), а на печати выглядит несколько непривычно. В деловой сфере, где за многие годы выработались некие стандарты документооборота, и шрифт с засечками легко узнаваем и читаем, появление документов с округлыми штрихами и буквами выглядит хоть и свежо, но не столь деловито и строго. Этот факт в определённой степени уже вызвал возмущения среди бизнесменов, которые нередко отказываются от покупки Office 2007 и предпочитают работать с более привычным Office 2003. Впрочем, в контексте нашей темы это не столь существенно.

    Corbel — близкий родственник Calibri, семейство гротескных гарнитур, разработанных для Microsoft в 2005 году дизайнером Jeremy Tankard. Этот шрифт также легко читается в мелких кеглях, и у него так же уменьшено очко и сглажены все скругления. В сочетании с минускульными цифрами (в старом стиле) это выглядит достаточно стильно и современно.

    С геометрической точки зрения Corbel можно рассматривать как некий гибрид между классическими гротесками и модерн-гротесками. Шрифт явно разработан под влиянием всех современных тенденций в шрифтовом дизайне. Это не может не привлечь внимание тех дизайнеров, которые вынуждены работать с традиционными средствами, но хотели бы расширить диапазон своих возможностей за счёт применения модных шрифтов.
    Corbel существенно лучше выглядит на кеглях до 12 пунктов, нежели несколько устаревшая Tahoma:




    В сравнении с Calibri у Corbel оказывается чуть более тонкий штрих и меньшая насыщенность рисунка:



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



    Вот как выглядят примеры со шрифтом Corbel:





    Оба шрифта — Calibri и Corbel — достаточно неплохие гротески, вполне пригодные на замену набившим оскомину Tahoma и Verdana. Но в Microsoft решили пойти дальше и разработали ещё один шрифт, который может оказаться весьма полезным для веб-дизайнеров.

    Candara — любопытный гротеск, разработанный в 2006 году дизайнером Gary Munch. От предыдущих шрифтов его отличают необычные концевые элементы (например, в литерах Q) и немного неровные, чуть изогнутые вертикальные штрихи. Поэтому данную гарнитуру лишь с натяжкой можно отнести к гуманистическим гротескам, но и как полноценный декоративный шрифт Candara вряд ли может выступать. Скорее, это некий гибрид казуального (на все случаи жизни) и акцидентного (для выделений и заголовков) направлений в типографике. Из-за небольшой кривизны штрихов наблюдается существенное снижение читаемости в мелких кеглях по сравнению с Calibri и Corbel:



    Зато в заголовках (кегль крупнее 12 пунктов) эта гарнитура может неплохо оживить текст, хотя увлекаться этим не стоит, потому как буквы немного «скачут» в строке, придавая тексту немного излишней игривости и легкомысленности.

    В общем, для блогов или молодёжных сообществ Candara вполне сгодится, а вот в бизнес-сфере его применение мне кажется несколько неуместным:



    Примечательно, что во всех трёх гротесках одинаково реализован стиль исполнения букв л и д. Кому-то скос под углом слева в этих буквах покажется излишне вычурным, но в целом смотрится вполне современно и не слишком раздражает:



    Cambria — новая антиквенная гарнитура, созданная в 2004 году голландскими дизайнерами Jelle Bosma, Steve Matteson и Robin Nicholas. Отличительной особенностью этого шрифта является некоторая вытянутость по вертикали в сравнении с классическими наборными антиквами, и также характерные засечки, по внешней стороне не вырезанные, а сращенные с концевым штрихом. Это хорошо заметно, например, на литере С. Сам шрифт геометрически довольно прост и даже несколько архаичен при беглом осмотре, но в действительности оказывается довольно любопытной реализацией, отлично проявляя себя в различных областях. Изначально его применение планировалось в области печати мелкого текста (например, на упаковках), но Cambria оказалась хороша и для веб-типографики. Посмотрим, как проявляет себя данная гарнитура в сравнении с Times New Roman:



    А вот так рядом с Georgia (здесь немного увеличен кегль):



    Определённо, в этом что-то есть. Нельзя с уверенностью сказать, что же лучше — Georgia или Cambria. Первая выглядит более монолитно и элегантно, в то время как вторая смотрится свежее и необычнее.

    Вот как бы выглядели заголовки, набранные этими шрифтами:



    Как видно из этого примера, полужирное начертание у Georgia очень широкое и насыщенное, в то время как Cambria остаётся более компактной и строгой. Здесь дизайнер волен выбирать: в одних случаях для максимального контраста целесообразно использовать Georgia, особенно в случае крупных кеглей (30 пунктов и выше). А вот Cambria гораздо больше подходит для небольших подзаголовков (14-24 пунктов), да и в качестве казуального шрифта весьма годится. Мне встречалось уже довольно немало блогов, в которых нашлось применение для Cambria, правда русскоязычных среди них пока совсем немного. Отечественные дизайнеры ещё не распробовали новую гарнитуру и очень осторожно применяют её в своих наработках. Между тем, именно блоги и страницы со статьями хорошо сочетаются с этим шрифтом при использовании умеренных (но не слишком мелких) кеглей (от 12 до 14 пунктов).

    Обратимся к нашим примерам:





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

    Constantia — ещё одна антиква из набора ClearType Fonts Collection, разработанная в 2005 году дизайнером John Hudson.

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

    Действительно, текст, набранный этим шрифтом, выглядит весьма интересно по сравнению с классическими (и изрядно приевшимися) вариантами:



    Текст смотрится более чётко и строго, появляется какая-то отличительная деловитость. Constantia явно годится как для применения в бизнес-сфере в качестве основного шрифта при оформлении документации, так и для чтения статей с экрана и записей в блогах. Да и в написании заголовков Constantia выглядит намного приятнее, чем, скажем, Times New Roman:



    Странно, что данная гарнитура не была выбрана в качестве замены для Times New Roman и не устанавливается шрифтом по умолчанию в Office 2007. Ведь большинство бизнесменов никогда не меняет того, что прописано в установках программ, а о существовании других C-шрифтов помимо Calibri многие даже не подозревают!

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





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

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

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

    И в-третьих, у всех этих шрифтов уменьшенное очко букв. Это очень немаловажный фактор, особенно для разработчиков, стремящихся добиться одинаковости отображения своих страниц на разных платформах. В таком случае при конструкции типа
    body { font: 12pt Constantia, Georgia, “Times New Roman”, serif; }

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

    Ну и, наконец, последний шрифт в коллекции —
    Consolas. Это моноширинная гарнитура, призванная заменить шрифты Andale Mono, Lucida Console и Courier New. Шрифт также разработан голландцем Lucas de Groot. Ничего особенно интересного в Consolas нет, разве кроме наличия курсива, что нетипично для большинства моноширинных гарнитур. Ни для казуального, ни для акцидентного применения Consolas не пригоден, зато программисты и веб-разработчики оценят его по достоинству. Действительно, программный текст, набранный этой гарнитурой, воспринимается гораздо лучше:



    Ещё один шрифт, появившийся в составе Windows Vista — Segoe UI. Он не входит в комплект ClearType Fonts Collection, хотя также оптимизирован для отображения с применением субпиксельного рендеринга. Этот шрифт представляет из себя ничем не примечательный гротеск, который наилучшим образом подходит для отображения надписей на кнопках и тулбарах в Vista. Но его тоже можно использовать в качестве веб-гарнитуры. Мне встречалось несколько вариантов применения Segoe UI на сайтах, хотя это, скорее, исключение. Да и законность существования данного шрифта находится под вопросом: компаниям Microsoft и Adobe выдвинуто обвинение, согласно которому Segoe UI и Myriad считаются плагиатом на известную гарнитуру Frutiger. Впрочем, существуют и противоположные мнения. Лично я предпочитаю придерживаться такой позиции: чем больше хороших шрифтов, и чем они больше распространены, тем лучше для всех. А похожи они или нет — какая разница?

    Итак, мы рассмотрели новейшие из общедоступных шрифтов. Нельзя сказать, что у Microsoft вышло нечто из ряда вон выходящее, но в определённой степени получилось оживить остановившуюся в своём развитии веб-типографику. Шрифты ClearType Fonts Collection выглядят вполне свежо и позволяют лучше воспринимать текстовую информацию. Пока что дизайнеры с большой опаской относятся к использованию этих шрифтов, опасаясь сравнительно малой распространённости их в среде пользователей, не имеющих Windows Vista или Office 2007. Между тем, число продаж этих продуктов с каждым днём растёт, да и популярность C-шрифтов значительно увеличилась по сравнению с прошлым годом.

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

    Не бойтесь экспериментировать!

    UPD: Настоятельно рекомендую всем любителям типографики посмотреть этот замечательный ролик (на английском). ;-)

    Похожие публикации

    Средняя зарплата в IT

    120 000 ₽/мес.
    Средняя зарплата по всем IT-специализациям на основании 5 897 анкет, за 1-ое пол. 2021 года Узнать свою зарплату
    Реклама
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее

    Комментарии 121

      +16
      Сорри за «многабукаф». Чёт не получилось меньше. И разбивать на две части тоже не хотелось бы весь материал. В общем, может быть даже кто-то и дочитает до конца. :-)
      • НЛО прилетело и опубликовало эту надпись здесь
          0
          Да нет, очень всё хорошо написано, и не много, и не мало, как раз. Спасибо!
            +3
            Шутите? Из всего, что я читал на хабре, ваша серия статей оказалась пока что самой полезной для меня. И тут уж чем больше, тем лучше. Спасибо. А шестую часть когда ждать? А то вы первые четыре быстро выдали, а пятую пришлось дожидаться.
              0
              Были неотложные дела, так что не получалось написать эту часть. Шестую постараюсь сделать поскорее. И, вероятно, придётся добавить ещё седьмую. Вообще изначально планировалось три части, но во многом по ходу пьесы захотелось разобраться и проанализировать, что всё так неимоверно раздулось.
                0
                Очень радует, что частей больше, чем планировалось сначала. Спасибо. Ещё раз.
              0
              отличная серия, ждем заключительной статьи!
                0
                Хоть к дизайну и веб-типографике я имею весьма посредственное отношение, всё равно было очень интересно читать вашу статью. Спасибо большое!
                0
                Спасибо огромное.
                Очень полезные статьи пишете.
                  +7
                  Жаль нельзя +10 в карму =)
                  • НЛО прилетело и опубликовало эту надпись здесь
                      0
                      Про Висту скажу так: не застал. Вовремя свичнулся в семейство кошачьих. Чему несказанно рад. Ибо после любой из винд леопард кажется бальзамом на душу. Особенно для дизайнера.
                        0
                        Да-да-да! Лучшая рыба — это колбаса, лучшая винда — это Леопард. Сам подсел. Но если честно, в Mac OS X есть глюки со сглаживанием шрифтов в вебе — на мелких и средне-мелких размерах знаки препинания (двоеточия, тире) выглядят местами размыто
                        • НЛО прилетело и опубликовало эту надпись здесь
                            –1
                            Удивил, чесслово. Быть того не может! Ноутбук с вистой в два раза дешевле мака! Ну как такое может быть?
                              0
                              именно так и есть
                                0
                                Да никогда в это не поверю!!! Маки — такое жуткое говно и стоят дешевле остальных. Это же всем известно.
                              0
                              Вот и радуйтесь своим аппаратным возможностям. А мы пока жизнью понаслаждаемся.
                              • НЛО прилетело и опубликовало эту надпись здесь
                          +3
                          Спасибо, хорошее продолжение отличного цикла.
                          Один знакомый верстальщик долго не мог найти подходящую антикву для имитации набора дореволюционных текстов: никак не удавалось подобрать шрифт, в котором хорошо бы смотрелась буква «ять», особенно в курсивном начертании.

                          А вот интересно, что скажете об Old Standard?
                            +2
                            О, класс! Спасибо. Шрифт и правда кайфовый, аутентичный весьма. Пригодится в хозяйстве.
                            +1
                            Пробовал верстать брошюры шрифтом Constantia. Что-то не покатило. Как-то тонко слишком, годится только для печати на меловке. А шрифтом Corbel активно пользуюсь в дизайне макетов. На мой взгляд, он пока еще относительно свеж по сравнению с надоевшими прагматиками и хелиосами. Но, конечно, Myriad Pro вне конкуренции. Одним этим шрифтом (используя несколько начертаний) можно творить чудеса.
                              0
                              Про Myriad — согласен на все сто! Иной раз вполне хватает Myriad + Minion, чтобы удивить и клиентов, и пользователей. Но по-настоящему вне конкуренции шрифт Univers, у которого самое большое количество начертаний и самая удобная система обозначения гарнитур.
                              +1
                              Только заслужил возможность влиять на карму хабралюдей — и сразу вам плюс отдаю, уважаемый автор :) Снимаю шляпу за вложенный в этот пост труд.
                                0
                                Огромное спасибо. Отличная статья — и по существу, и по уровню подготовки «к печати»:) Спасибо за ваш труд и за информацию.

                                Сам давно пользуюсь этими шрифтами в Win-хозяйстве, но одно дело взгляд любителя от типографики («понравилось и ладно»), другое — такой обзор.
                                  0
                                  Corbel и Constantia очень понравились, а вот Candara что-то неприятно смотрится.
                                    +1
                                    Ну Candara — скорее, для баловства. Как в свое время был для этих целей Comic Sans, но то было вообще убожество.
                                      0
                                      Есть даже целый сайт Комиком — http://www.pickyourown.org/
                                      Полезный и интересный сайт, но читать — это ж убиться можно! Приходится менять ему шрифт.
                                  0
                                  после прочтения смог сказать только «wow!» =)
                                    +1
                                    Шрифт Consolas откопал ещё в Longhorn'е и с тех пор использую его для всех моноширинных целей — от терминала до основного шрифта для редакторов кода.

                                    Материал напомнил доклад Дейва Ши на конференции @media 2006, где он также рассказывал о свежих шрифтах от MS, сравнивая их с прежними аналогами.

                                    Ну и как обычно — отличная публикация. Спасибо!
                                      0
                                      Вадим, Дэйв Шей. Уже не первый раз тебя поправляю. :)
                                        0
                                        Не, Дима, это уже не оговорка — это принципиальная позиция )
                                        Ибо Мюнхен, а не Мюних и Фрейд, а не Фройд… ну и т.п. вещи.
                                          0
                                          Не понимаю чем вызвана такая позиция. То что многие иностранные слова приживаются исковеркованными это ладно. Но это же фамилия. Представь тебе придётся его на конференции объявлять? Ты бы не хотел чтобы тебя называли В
                                            0
                                            Меня уже английские начальники называли Vadzim… ) Было странно, согласен. Речь идёт скорее о внутреннем употреблении, поскольку эти имена уже давно вошли в разговоры российских верстальщиков.
                                              0
                                              Ну, если российские верстальщики говорят неправильно, то их нужно поправить, а то они и Тантека Целиком будут называть. Фамилия Дэйва и для англоговорящих трудночитаема, однако никто её не коверкает. Ладно, не будем захламлять комментарии. :)
                                          • НЛО прилетело и опубликовало эту надпись здесь
                                              0
                                              Да нет, вроде всё в порядке. С чего вы взяли?
                                              • НЛО прилетело и опубликовало эту надпись здесь
                                                  0
                                                  Мне кажется, что вы глубоко заблуждаетесь. Однако готов выслушать доводы.
                                                  • НЛО прилетело и опубликовало эту надпись здесь
                                                      0
                                                      Смею предположить, что это у вас проблемы с грамотностью.
                                                      Я привёл примеры транформаций слов из немецкого языка, которые оказались сложны для правильного произнесения в русском языке и видоизменились.

                                                      Вы же почему-то говорите про какие-то мокроступы. Лишь Айвенго оказался в тему.
                                                      • НЛО прилетело и опубликовало эту надпись здесь
                                                        • НЛО прилетело и опубликовало эту надпись здесь
                                                            0
                                                            Ну, не лингвист я, признаю ) Но кажется мысль выразил
                                          0
                                          Отличный труд — статьей это назвать ни как нельзя. Спасибо. Скажите, а что это за монитор такой, который вы используете в течении пяти лет?
                                            +1
                                            Sony x82. Настоящий японец (был куплен в Осаке другом). 18,2", 1280х1024. Матрица sIPS, стеклянное покрытие. Тяжелый очень и толстый для TFT. Но картинка у него — блеск. Лучше кажут только современные профессиональные Sony, неглянцевые Apple и разные там дорогие Barco, Eizo, LaCie. Конечно, мечтаю о более большой диагонали и разрешении - 1280х1024 для дизайна немного маловато, но привык как-то. Зато за цвет и утомляемость глаз не переживаю. Ведь это один из лучших мониторов на 2002-2003 годы.
                                              0
                                              Знаю такой — действительно, отличная S-IPS панель.
                                                0
                                                Ага. Но у него один существенный недостаток, характерный для всех тяжелых японцев со стеклянным покрытием. Поверхность его умеренно нагревается, но как-то не отпугивает, а очень сильно привлекает всякую мошкару. Поэтому летним вечером при открытых форточках и балконе работать за ним иной раз очень сложно — приходится гоняться за стайками жучков и комаров. Вот только что одну козявку смахнул...
                                                  0
                                                  это да, эти казавки (если их не отганять) успевают засрать своими маленькими какашками весь монитор. Так что даже при попытке приблизится к монику мушка сталкивается с ожесточенным сопротивленниме с моей стороны… :)
                                            0
                                            Кой-чего не понял, но красиво всё изложено :-). И с такой детализацией, о которой я и не знал раньше.

                                            Не проясните это?

                                            /* Здесь как раз хорошо заметно, что антиквенный шрифт не очень подходит
                                            а) для многоколоночных макетов с неоднородными фоновыми подкладками и
                                            б) ссылками мелким кеглем. */


                                            Не понял почему не очень подходит.
                                            Есть тому обоснование которое можно выразить словами?
                                              0
                                              На мой субъективный взгляд когда сайт сверстан более-менее однородно, то шрифт с засечками подходит лучше. Но если предполагается несколько колонок (3-4 и больше), есть разнообразные цветные фоны (какие-то блоки в боковых колонках, подзаголовки, кнопки и т.п.), есть мелкий текст, много изображений и вообще все изобилует деталями, то серифы лишь усугубляют эту кашеобразность, и шрифт с засечками начинает смотреться ни к селу ни к городу, громоздно. Поэтому лично мне не нравятся порталы или интернет-магазины, сделанные на базе антиквенных шрифтов. Гротески в этом случае не перенасыщают макет. Для сравнения посмотрите главную страницу газета.ру, выставив в качестве шрифта по умолчанию какую-нибудь антикву, ту же Constantia. Уверяю, что воспринимабельность этой дивной окрошки будет существенно ухже. Иное дело — внутренние страницы, где 3/4 пространства занимает сама статья, т.е. текст. Здесь уже поток разномастной информации сильно редеет, и антиквенная гарнитура годится вполне...
                                              +1
                                              Вот так почитаешь-почитаешь всяких деспотов... Глядишь и умнее станешь :)
                                                0
                                                Большое спасибо за статью. В закладки! Будем ждать другие статьи от Вас :)
                                                  +1
                                                  Calibri замечательно подходит для UI вместо Segoe UI. А Consolas действительно совершенно чумовой шрифт для программирования. Что немаловажно — без засечек и уникодный. Статью прочитал с удовольствием, спасибо.
                                                    0
                                                    Дааа... Consolas - это нечто. Всегда проверял моноширинные шрифты по нескольким критериям:
                                                    - отличие латинской "Л" и единицы;
                                                    - визуальная различимость фигурных скобок и обычных;
                                                    - само начертание;

                                                    Consolas идеально подощёл под ВСЕ критерии. :) Теперь с него вряд ли куда-то уйду.
                                                      0
                                                      Consolas действительно шикарно смотрится. В линуксе, однако, я с удовольствием использую в чём-то похожий свободный DejaVu Sans Mono. Собственно, кроме этих двух шрифтов ни одного нормального моноширинного, чтобы смотрелся со сглаживанием, я не знаю.
                                                        0
                                                        Ещё есть droid sans mono, из семейства ttf-droid. Вроде бы тоже неплохо выглядит.
                                                  • НЛО прилетело и опубликовало эту надпись здесь
                                                    • НЛО прилетело и опубликовало эту надпись здесь
                                                        +1
                                                        Мало что понял (прочувствовал), но Calibri на свой сайт добавлю.
                                                        В «Ководстве» слэш пишется в немного другом месте.
                                                          +1
                                                          Предвкушаю шестую часть )
                                                          Было бы здорово, если бы автор поделился ссылками на ресурсы, коллекции шрифтов, учебники, книги.
                                                          Может, даже в виде заключительной части цикла статей.
                                                          Я сам заинтересовался типографикой относительно недавно - пока могу констатировать нехватку качаственных и непротиворечивых материалов по теме.
                                                            0
                                                            Полагаю, придётся сделать шестую и седьмую части. В шестой предполагается анализ оставшихся шрифтов с примерами и обобщающий рейтинг. В седьмой хотелось бы уделить внимание конкретным примерам (текст+заголовок) для блогов и статей, различным вариантам интересных сочетаний, ну и разные полезные ссылки по теме.
                                                              0
                                                              Круто. Теперья буду предвкушать ДВЕ части )
                                                              В любом случае, спасибо. Ваш труд неоценим и очень полезен.
                                                            +1
                                                            Кстати, по поводу минускульных цифр — не соглашусь, что это минус. Из «старых» гарнитур (которые были до этих вистовских) только Georgia содержала такие цифры, что придавало текстам, набранным ей, классическое (гуманистичное) своеобразие. Кстати, и Брингхерст в своей книге ругает шрифты, которые не содержат минускулы, считая это недостатком оцифровки.
                                                              0
                                                              Я тоже не считаю минускулы недостатком. Но так полагает не более 10% от всех посещающих сайты, да и то все эти 10% — дизайнеры и программисты, как правило. Остальные (особенно бизнесмены и журналисты) негативно относятся к любому нарушению традиций, заложенных ещё при СССР. Но я думаю, со временем придёт привыкание.
                                                              +1
                                                              Спасибо большое за статью. Дождались, наконец, пятой части :)
                                                              Поправьте, пожалуйста, опечатку: очередные вариации на тему гротексов.
                                                                0
                                                                спасибо. исправил.
                                                                –1
                                                                Не многовато ли кала и мочи человеческой в одном посте?
                                                                  +1
                                                                  В самый раз :)
                                                                  +1
                                                                  давно использую в качестве основного шрифта Калибри, как-то пришелся он мне по вкусу.
                                                                  Консолас так же смотрицо весьма и весьма. по тихоньку внидряю данные шрифты в сайты, ато Тахома поряднок надоела
                                                                    +1
                                                                    Спасибо за статью, с удовольствием прочитал.
                                                                    В редакторе сменил набивший оскомину Courier New на Consolas - чувствуется оживление :-)

                                                                    Вот тут, "зато отличная годятся", кстати, очепяточка.
                                                                      0
                                                                      Огромное спасибо!

                                                                      Отличный цикл статей, открывающий глаза на типографику.

                                                                      Как там было… «Утром они пойдут в магазин, и макароны будут ждать их на полке, как всегда… Никто даже не задумается, как они туда попали»
                                                                      • НЛО прилетело и опубликовало эту надпись здесь
                                                                          0
                                                                          Небольшой оффтоп: а кто-нибудь может подсказать, что за шрифт используется в фирменном стиле телеканала «СТС»? Сайт, все заставки передач и т. п. Там такая интересная буква «Л» со скошенным правым боком...
                                                                            0
                                                                            Минут 57 пытался найти «Л» со скошенным правым боком в этом:

                                                                            Не нашёл. Удручился. Голову повесил... Что же делать теперь?
                                                                              0
                                                                              Но потом нашёл букву Л!!!! Действительно, интересный шрифт: АТЛАНТИДА так написано у них на сайте на http://ctc-tv.ru/rota/img/585489_501751.…
                                                                                0
                                                                                Я имел в виду шрифт не в самом логотипе, разумеется :) А вот на картинке по ссылке именно он, как и на большинстве других картинок канала... Если выяснится, что это за шрифт, дайте как-нибудь знать, пожалуйста :)
                                                                        • НЛО прилетело и опубликовало эту надпись здесь
                                                                            0
                                                                            На здоровье! Удовольствие доставлено картинками? Тогда ещё нарисую!
                                                                            0
                                                                            Замечательный материал!
                                                                              0
                                                                              Давно пытаюсь сделать для себя некоторый стандартный шаблон (перечисление похожих шрифтов) для отображения в разных ОС. Пока не нашёл приемлемый вариант.
                                                                                0
                                                                                Возмущает, что вы пишете, что у ЖК-мониторов цветопередача лучше чем у ЭЛТ. Это ложь в подавляющем большинстве случаев! Извините, что не по теме, но это написано в первом абзаце, и поэтому мне расхотелось читать статью.
                                                                                  –2
                                                                                  Ну расхотелось — не читайте. Насчет того, у кого цветопередача лучше и прочее — я спорить не берусь. Разумеется, профессиональные дисплеи для дизайнеров за $5000 в ЭЛТ исполнении обладают намного лучшей цветопередачей для полиграфии и все такое. Но речь абсолютно не о них. А о доступных для рядового пользователя мониторах в ценовом диапазоне до $500 и о цветопередачи веб-ресурсов. Если бы я писал статью про типографику в полиграфии, то таких заявлений не делал бы. Но уверяю, что любой бытовой ЖК-монитор за $200-300 покажет гораздо более привлекательную картинку сайта, нежели аналогичный ЭЛТ-монитор, купленный за те же деньги лет 10 назад. Не верите? Попробуйте проверить.
                                                                                    0
                                                                                    Нет, речь идет о простых мониторах за 4000 рублей. По цветопередаче они на порядок выше ЖК-моделей на основе TN+Film матрице, которых подавляющее большинство. Я не верю, потому что проверяю это каждый день: редактирую фотографии дома на ЭЛТ, а потом прихожу в офис и смотрю там на ЖК. Небо и земля.
                                                                                      –2
                                                                                      За 4000 рублей, конечно, ЖК не ахти какие. Но и когда не было ЖК, за эту цену в классе ЭЛТ продавалось всякое барахло вроде Samsung 3ne с жутким выпуклым экраном, бочкообразными искажениями, размытостью по краям, страшным мерцанием даже на 85Гц и нередко очень неестественными цветами...
                                                                                      Первые ЖК-мониторы, конечно, были ничуть не лучше. Я прекрасно помню панели на базе матриц TN, где серый цвет кнопок интерфейса отливал металлическим блеском, чистота цвета сильно зависела от угла обзора и всё такое. Ну и что? Эти мониторы также уходят в прошлое, как и упомянутый Samsung 3ne... в каких-то офисах или там в банках таких мониторов ещё валом, но это не критерий, т.к. обычно с таких компьютеров в интернет не ходят. Лично я даже в провинциальных гордах (например, Армавир, Новочеркасск, Таганрог, Азов или Тихорецк) довольно часто встречаю в офисах и тем более дома вполне современные 17-20" ЖК панели на базе более-менее нормальных матриц. Где исключены искажения, замыливания и прочие недостатки ЭЛТ. А цветопередача там достаточная для того, чтоб просматривать сайты. Не больше, не меньше. Трава зелёная, небо синее. Не блекло, не чересчур ярко. А в самый раз. Но даже не об том речь. В своей статье я говорю прежде всего о тенденциях. О том, что нас в итоге ждёт. И если лично вам больше нравится ЭЛТ-гробик ценой в 4000 рублей, я вам искренне сочувствую.
                                                                                        0
                                                                                        При чем здесь Samsung 3Ne? У меня у самого был такой, я продал его года четыре назад, зрение дороже. И купил нормальный 17-ти дюймовый 757MB со 100-герцовой разверткой. Да, теперь трубка подсела, и размеры уже немножко раздражают, но когда я вижу картинку современных ЖК-мониторов, я понимаю, что я их не хочу. Да, есть более-менее нормальные моники типа Samsung 971P, подороже, но в 98 процентах случаях в офисах их не ставят.

                                                                                        Согласен, интернет можно смотреть и на ЖК, хотя сайты, знаете, бывают разные. Согласен, что в подавляющем большинстве случаев для офисной работы ЖК-мониторы лучше. Только не надо дезинформировать молодежь (которая уже не знает ЭЛТ), что на ЖК цветопередача лучше. Мне искренне жаль людей, которые смотрят фильмы или просматривают/редактируют фотки (что еще хуже) на ЖК-мониторах, довольствуясь их убогой картинкой.
                                                                                          –2
                                                                                          Я не дезинформирую. Я информирую, причем сугубо о тенденциях, которые я наблюдаю. Но попадаются перманентно упертые единицы, которые не хотят признавать очевидных вещей. Впрочем, как правило, редко встречающиеся провинциальные ботаны (хотя бывают, конечно, и не ботаны, и из крупных городов - тогда термин немного жестче), не представляющие себе жизни без модемов ZyXel, звуковух Gravis Ultrasound, операционки OS/2, древних мониторов 10-летней давности и прочих дремучестей и древностей, в данном случае не играют особо важной роли. Таких — пренебрежительно малое число, и они так или иначе обречены на вымирание. ЖК-технологии доказали свою состоятельность, ибо даже такие консервативные во взглядах на калиброваную цветопередачу компании как LaCie, Eizo и Barco уже давно перешли к производству высококачественных ЖК-панелей, ничуть не уступающих, а значительно превосходящих мониторы ЭЛТ из того же сегмента. Конечно, еще можно купить Barco Reference Calibrator в ЭЛТ исполнении, но смысла в этом никакого нет. Лете через пять у всех адекватных людей будут нормальные ЖК (или какая-то может еще лучше новая технология будет), ибо будет не проблематично купить такой монитор за $100-150. Я лично смотрю фильмы, занимаюсь дизайном и вообще много чего делаю на ЖК, и ни капли не жалею. Равно как все те мои знакомые, которые стремятся только к лучшему, а не отстаивают отмирающие технологии в угоду каким-то собственным комплексам (например, из-за жадности или неспособности купить хороший монитор за $700).
                                                                                          зы. Рекомендую не продолжать обоюдное минусования. Моя карма и хабрасила значительно выше, поэтому мой минус существенно понижает ваш рейтинг, в то время как ваши минуса мне что комариные укусы.
                                                                                            0
                                                                                            Да мне плевать на карму, уважаемый. Еште хоть всю. Если вы не способны беседовать не раздражаясь и не переходя на личности, мне с вами разговаривать не о чем.
                                                                                              –2
                                                                                              Ну меня обвинили в дезинформации, как тут не раздражаться? Впрочем, я и не раздражаюсь вовсе. Мне искрене жаль, что вам не встречались хорошие мониторы, и вы вынуждены работать в офисе на чудовищном допотопном Жк-мониторе, что даже домашний ЭЛТ вам кажется небом и землей. Наверное следует посоветовать сходить как-нибудь на досуге в приличный магазин, где продают качественные мониторы и современные ноутбуки. Ну как в музей сходить что ли. И посмотреть как сегодня показывают картинку и передают цвет все эти агрегаты. может быть даже захочется себе один такой прикупить. Надеюсь, что в итоге так и поступите. Чтоб не пороть голословно всякую чушь, основанную на глухих стереотипах 7-летней давности.
                                                                                                –1
                                                                                                Ну, надеюсь вам полегчало :) Удачи!
                                                                                                  –1
                                                                                                  Спасибо.
                                                                                                  зы. А статейку все же почитайте. Жаэе если вам не придется работать на ЖК, а разработкой сайтов занимаетесь, будет полезно кое-что все-таки вынести из вышеизложенного.
                                                                                                    –1
                                                                                                    Может и стоящая статья, да не буду читать ее. Просто потому что больше не верю ее автору. Извините, ничего личного.
                                                                                                      –2
                                                                                                      Мда. Клиника. Бывают же такие девиаторные субъекты...
                                                                                                        –1
                                                                                                        Браво! Это и есть ваш уровень аргументации? О чем тут еще говорить? Статейку вашу обязательно почитаю! В распечатанном виде с последующим использованием по прямому назначению :)
                                                                                                          –4
                                                                                                          Чувак, ты реально заеbал. Дебил какой-то. zДуй любуйся в свой гроб настольный и не позорься, лошара. Вроттебеноги.
                                                                                                            –1
                                                                                                            Муа-ха-ха!! :) Нет, ну вы видели, каков дурак!!? Что с Хабром творится... А что под замочком-то? Стыдно? Иди поссы , чмошник.
                                                                                  0
                                                                                  Про непривычность минускульных цифр не соглашусь. Точнее, про «кривость» и «скачкообразность». Майкрософт делает походя важнейшую вещь — снова заставляет людей привыкнуть к минускульным цифрам. А в России — просто приучает к ним. Это очень здорово, потому что минускульные цифры в тексте гораздо лучше читаются.

                                                                                  Второй нюанс заключается в том, что во всех C-шрифтах Майкрософт есть все типы цифр: минускульные и маюскульные, пропорциональные и моноширинные. Но использовать их можно только в софте с Опентайповскими фишками. Пока что это в основном продукты Adobe. К сожалению, ни HTML+CSS, ни MS Word пока этого делать не умеют.

                                                                                  Обрадую, что скорее всего выбор стиля цифр будет внесён в CSS3.
                                                                                    0
                                                                                    Ну все так, конечно. Однако, минускулы не непривычны тебе мне, еще нескольким людям, в основном — дизайнерам. В общем, единицам. А подавляющему большинству — все-таки нет. Среднестатистический менеджер среднего звена, с детского садика привыкший только к маюскулам, пока туго воспринимает пляску альтернативных цифр. Да, в юникоде есть возможность использования разных наборов (также в хороших шрифтах есть и буквы с флоришами, но они также у нас не популяны, это традиция западной типографики), но для 99% верно лишь то, что набираемо с клавиатуры, и если на такой набор назначены минускульные цифры, есть вероятность того, что шрифт будет вызывать некоторое отторжение. Я сам наблюдал картину, когда знакомый (финансовый диреткор одной компании) зашел на сайт с Georgia, увидел там минускульные цифры, сильно разозлился, выматерился и покинул сайт, недочитав, хотя изначально намеревался детально изучать сайт. Мол, что за дебил поставил эти цифры, постоянно на них спотыкаюсь... Увы, но это весьма показательный пример. Для большинства пока что это непривычно. Хотя, как я уже говорил, со временем привыкание наступит.
                                                                                      +1
                                                                                      Я тоже считаю — пусть привыкают. :) Если Майкрософт испортил себе карму и приучил народ к говношрифту Comic Sans, пусть теперь отрабатывает и приучает к минускульным цифрам. :) Благо, что C-шрифты действительно очень качественные.
                                                                                  +2
                                                                                  Я тут подумал, что можно долго ждать, когда веб-дизайнеры начнут использовать новые шрифты и нашел способ заменить некоторые из особо приевшихся шрифтов на более современные.

                                                                                  http://dsomniator.livejournal.com/3627.html
                                                                                    0
                                                                                    Напишите пост, хотя бы в личный блог. Карму приподнял.
                                                                                    0
                                                                                    ClearType (и прочие способы сглаживания) добавляют ещё одну головную боль дизайнеру интерфейса - это искажение цвета и контрастности. Очень часто второстепенные ссылки "выделяют" менее насыщенным цветом. В итоге получается, что на одних страницах их практически не различить; на других, наоборот - формально одинаковый текст выглядит заметно разным.
                                                                                      0
                                                                                      У Myriad Pro кириллический bold плохо читается. По крайней мере на PC.
                                                                                        0
                                                                                        а вы будете дописывать эту серию статей?

                                                                                        хотелось бы в конце услышать заключение насчет того, какие шрифты вы рекомендуете сейчас использовать в web-типографике на замену verdana и других
                                                                                        а то после прочтения за раз 5 частей в голове каша, информации много, а что конкретно сейчас лучше использовать так и не понял :-)
                                                                                          0
                                                                                          Да, собираюсь дописывать. По мере возможностей сделаю обещанный материал.
                                                                                            0
                                                                                            Спасибо
                                                                                          0
                                                                                          Классная серия статей, прочитал на одном дыхании
                                                                                          Спасибо
                                                                                            0
                                                                                            Спасибо за отличную серию статей!

                                                                                            С нетерпением жду продолжения :)
                                                                                              0
                                                                                              Прочитал все пять статей, спасибо. Если честно, хотелось бы побольше почитать про разные не столь популярные (и не бесплатные) гарнитуры. Просто у самого уже сложилась «палитра» того, что использую, а хочется посмотреть чем пользуются другие. Особенно интересует кириллическая типографика — почитал бы про такие гарнитуры как Bannikova, Literaturnaya, Lazurski, Octava.
                                                                                                0
                                                                                                Картинки в статье у всех не отображаются? Спасибо за статью.
                                                                                                0
                                                                                                Жалко, интересно было бы глянуть на примеры.
                                                                                                  0
                                                                                                  >> очко у Calibri несколько меньше

                                                                                                  простите, но lol'd :)
                                                                                                    0
                                                                                                    прекрасная статья, и весь цикл гениальный. спасибо огромное!
                                                                                                      0
                                                                                                      и очень хочется шестую часть! где же она?
                                                                                                        0
                                                                                                        Да, шестую часть очень охота. =3
                                                                                                          0
                                                                                                          Спасибо, по больше про типографию в Веб-е.
                                                                                                            0
                                                                                                            Я так понимаю 6 и 7 части не будет?

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

                                                                                                            Самое читаемое