Комментарии 62
Lucida Grande с недавних пор поставляется с браузером Safari для Windows, так что можно получить 100% сходное отображение. По этому шрифту в поставке от Apple сохли все маньяки на aqua-soft.org пару-тройку лет назад.
Все таки проблема выбора шрифта для русского контента остается.
Ужасно смотрятся буквы "ж" и "м"
Ужасно смотрятся буквы "ж" и "м"
Неужасно смотрятся буквы ж и м
И что же? Все те же Tahoma и Verdana?
В том-то и дело, что проблема есть, и нужно ее пытаться решать. Уверен, что панацеи нет. А существует ряд мер, позволяющих добиться адекватности. в один условиях исопльзовать одни гарнитуры, в другие - другие. Искать и использовать преимущества для каждого конкретного размера и начертания. Видимо, только так. Пока не реализована в полной мере и на всех платформах возможность встраивания шрифтов в документ.
Хе после примеров никогда не смогу использовать Arial Tahoma и Verdana .. они ужасны %)
Могу предложить Lucida Grande :)
Пишите тогда Жоржией, дорогой!
А какие в ней цЫфирки! 123456789
Trebuchet MS — наше всё ) вебдваноль и всё такое. 0123456789.
Или Calibri, который представляет собой отличный пример cleartype шрифта. 0123456789.
Или Calibri, который представляет собой отличный пример cleartype шрифта. 0123456789.
А для monotype — только Consolas, и ничто другое! :-)
Когда Courier New уже в печенках сидит :-)) 0123456789.
Каналья! Размеры шрифтов не прошли в теге. В общем, советую обратить внимание на последние два шрифта, особенно Consolas. Последним уже с год пользуюсь в процессе написания кода, намного приятнее шрифта Lucida Console, и того же Courier New
Trebuchet MS — наше всё
хорошая гарнитура, мне очень нравится уже много-много (8-9!?) лет, но русский в нем появился только в XP, в 2K он вроде только с каким-то из последних сервиспаков руссифицировался, да и то не факт :")
а Consolas и Calibri я что-то в стандартных поставках припомнить не могу... они с Vista только начали распространяться, или я не прав?
Да, и еще с 2007-ым Офисом.
Кстати, еще они идут в комплекте с бесплатным PowerPoint 2007 Viewer. ;)
Кстати, еще они идут в комплекте с бесплатным PowerPoint 2007 Viewer. ;)
>А для monotype — только Consolas, и ничто другое! :-)
А терминус чем не угодил? =)
А терминус чем не угодил? =)
нееет только не Жоржия ..
ps оказывается Lucida Grande у меня в системе есть .. но дежаву пока глазам нравится больше .. моноширный terminus или DejaVu mono Ж-)
ps оказывается Lucida Grande у меня в системе есть .. но дежаву пока глазам нравится больше .. моноширный terminus или DejaVu mono Ж-)
http://www.w3.org/TR/css3-webfonts/
Вкратце: CSS3 позволяет указывать удаленные шрифты (пример взят из w3c):
Вкратце: CSS3 позволяет указывать удаленные шрифты (пример взят из w3c):
@font-face {К сожалению, незнаю, как сейчас обстоят дела с поддержкой этой штуки браузерами. Кто в курсе, какая ситуация сейчас с этим у Opera 9.27/9.5, FF 2.x/3.x, IE 7/8 ?
font-family: "Robson Celtic";
src: url("http://site/fonts/rob-celt")
}
Проблема вовсе не в технологии. Я уверен, что со временем все броузеры это будут поддерживать. Проблема в другом. Ведь вы же вряд ли будете использовать неряшливые трутайпы, скачанные бесплатно откуда-нибудь с dafont.com? Вряд ли это сильно улучшит ситуацию. А вот для того, чтобы давать пользователю возможность смотреть сайт с помощью реально профессиональных коммерческих шрифтов, вам придется заплатить за лицензию. Я не думаю, что производители качественных гарнитур откажутся от перспектив выжать еще больше золотых яичек из своих курочек. Так что впереди маячит такая перспектива, что компании и профессионалы IT-бизнеса смогут строить свои сайты на базе качественных шрифтов и показывать их так, как было задумано благодаря покупке лицензий. А вот простым пользователям интеренета, не обладающим достаточными суммами или не желающими платить за какие-то там шрифты, придется пользоваться более скромными средствами.
Насколько я помню, шрифты можно было мапить и раньше. Году в 2004 я игрался с этим, но при загрузке сайта выскакивало окно запроса разрешения на подкачку шрифта, что безусловно раздражало.
IE поддерживает технологию внедрения шрифтов ещё с бородатых времён, именно с неё списан CSS3 webfonts. Технологию из CSS3 держит Safari и некоторые билды «Оперы» (что позволяет надеяться, что её поддержка появится в релизе Opera 9.50). В FF2 поддержки нет и не будет.
У скриншотов есть одна небольшая деталь, которая сводит на нет всю статью - у вас используется сглаживание шрифтов. Тут уж какой шрифт не ставь, все будет выглядеть мерзко.
Вы не поверите, но сглаживание шрифтов (aka Cleartype) — реально рулит.
Вы не поленитесь, и почитайте предыдущую часть, где я как раз немного рассказываю о сглаживании и объясняю почему я НЕ использую отключение антиалиасинга. Мне горадо комфортнее читать на маке сглаженный текст, чем изжившие себя зубчатые буквы из прошлого века.
К тому же мерзко вглядит, к примеру, Arial. По поводу сглаженного Myriad Pro лично мне очевидно, что такой текст читать куда приятнее.. Я давно поставил его себе в качестве основного шрифта в броузере, и уверяю, что не испытваю никаких трудностей и не чувствую усталости, каким бы большим или мелким не был кегль шритфа. Возможно, многое зависит от монитора, но у меня и на профессиональном Sony, и на обычном 13" ноутбуковском экране все выглядит замечательно со глаживанием и адекватными шрифтами. Чего не могу сказать про вердану или тахому при отключенном антиалиасинге. Глаза режет уже через минут чтения такого текста.
Вот я не поленился, но все равно кое-что не ясно. Мне вот тоже приятнее читать сглаженный текст, я тоже надеюсь что вскоре сглаживание будет стоять по умолчанию во всех ОС и во всех браузерах. Но сейчас, как показывает статистика, еще много пользователей не увидят сглаживание на ваших сайтах. Поэтому я думаю, что нужно стремиться в будущее, но и не оставлять без внимания настоящее.
ClearType Tuner, рекомендую посмотреть. Позволяет настроить сглаживание cleartype под свой вкус. До использования этой штуки я тоже не переносил ClearType, после — уже не могу отказатся. Честно.
А мне нравится Trebuchet MS. Он очень красив и на нем модные сайты от Google
Года полтора назад впервые увидел и попробовал в деле Myriad Pro. С тех пор я в него влюбился. Как же он красиво смотрится в полосе набора! Еще один замечательный шрифт — Minion Pro из той же поставки от Adobe. Эти два шрифта у меня первые в очереди на книжные работы. Кстати, я очень часто замечаю их в рекламных плакатах на улице.
Плюс вам поставил еще на первой части, но может хватит пока на сегодня ;) , информацию нужно давать дозированно, работать же нужно, и спать. Спасибо еще раз.
Автор за сегодня собрал солидный улов плюсов :) Спасибо, за красиво изложенный материал!
Откровенно говоря, плюсы меня беспокоят меньше всего. Хотя, конечно, спасибо. Куда больше меня интересует критика, комментарии и замечания. Благодаря некоторым комментариям я уже подправил кое-что, а кое-что узнал нового. Плюс у меня заодно появились новые мысли и идеи для продолжения. Уверен, что тема достаточно актуальна, поскольку лично мне остодонели одинаково корявые сайты с текстов в тахоме да вердане...
Господа, а вы пробовали когда-нибудь Gentium.
Песня!
Песня!
Прекрасный шрифт, но без кириллицы. Это всё портит.
Кириллица есть. В Ворде пишет а Иллюстраторе почему-то нет.
Я на него наткнулся, когда искал что-то похожее на Артемиус.
Я на него наткнулся, когда искал что-то похожее на Артемиус.
Ворд при отсутствии в шрифте кириллицы автоматически его подменяет на какой-нибудь шрифт с засечками. Кириллица есть в новом Gentium Basic, но там не настроены кернинговые пары.
Сразу видно знающего человека. Кернинговые пары — это, что игнорируют очень многие дизайнеры, а совершенно напрасно. Отлаженный опентайтп (или Тайп 1, но только не трутайп) с полным набором кернинговых пар даёт настоящую красоту. Достаточно написать текст с парами Гр или Су или Та, и сразу становится видно настоящего дизайнера. У него кернинг скакать не будет, а буквы не станут отрываться друг от друга. Это прерогатива Times New Roman, которым набирается 99% всех документов и объявлений в офисах. Там кернинг отсутствует как класс, и более ужасной системы композиции текста я ещё не встречал. Ну разве что в горячо любимых народом таких «шрифтовых квазимод» как AdverGothic, BetinaScript, Izhitsa и Inform...
Ах, фигушки! In particular, these fonts do not support:
• Full extended Latin IPA
• Complete support for Central European languages
• Greek
• Cyrillic
• Full extended Latin IPA
• Complete support for Central European languages
• Greek
• Cyrillic
шрифт-маньяки :)
Сегодня не раз говорилось, что CSS3 поддерживает подключение сторонних шрифтов. Если ли информация о поддержке наложения фильтров на эти шрифты, то же сглаживание? Думаю тогда, добрая половина верстальщиков сможет заменять рисованные заголовки статей (рубрик) - реальными.
спасибо, очень грамотная статья.
одно но, которое мучает меня. ClearType в win не то же самое, что и сглаживание в фотошопе. то есть нарисованный макет, будь то со сглаживанием или без, все равно некорректно сравнивать с тем же сайтом apple. )
одно но, которое мучает меня. ClearType в win не то же самое, что и сглаживание в фотошопе. то есть нарисованный макет, будь то со сглаживанием или без, все равно некорректно сравнивать с тем же сайтом apple. )
Кстати, насчет вставки своих шрифтов. Если нужно написать заголовок каким-нибудь необычным шрифтом, многие используют для этой цели Flash, который умеет хранить фонт внутри файла.
поменял на подшефном сайте шрифты на указанные вами - стало объективно лучше, в линухах в том числе (:
за что вам отдельное спасибо
за что вам отдельное спасибо
Myriad Pro нравится :-) Люсида Гранде само собой :-) Давно пора полностью перейти на ОпенТайп и Юникод :-)
всем хорош Мириад — только вот рябит в глазах уже. ну честное слово, куда ни плюнь — мириад :)
одно радует — подтянет уровень восприятия шрифта у простого народа (как любая качественная вещь, пущенная «в люди»), пусть и ценой привлекательности самого себя.
одно радует — подтянет уровень восприятия шрифта у простого народа (как любая качественная вещь, пущенная «в люди»), пусть и ценой привлекательности самого себя.
Очень хорошая статья, заждался уже продолжения, когда ждать?)
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Веб-типографика сегодня. Часть III