13-21.09.03: веб-типографика, шрифты, веб-стандарты, каскадные таблицы стилей и немного графического дизайна
21 сентября, 2003 | типографика и шрифты в заголовках 2
ровно неделю назад я нашел, как тогда мне казалось, выход из неприятной ситуации, когда заголовки, имеющие в своем составе кириллицу и латиницу, отображаются двумя разными шрифтами. [вдогонку: это происходит только на компьютерах со старыми ос и браузером ie версий 5.5-. в связке win xp–ie 6 подобных проблем не наблюдается.]
напомню, что тогда приемлемым решением я посчитал сокращение числа шрифтов, предназначенных для заголовков, ограничившись подходящими по начертанию из тех, что по умолчанию стоят в системе. и укороченный набор шрифтов для заголовков на этом сайте в финале выглядел так:
font-family: "Trebuchet MS", Trebuchet, sans-serif;
«ну уж trebuchet-то ms по умолчанию стоит в любой операционной системе microsoft!»,—рассуждал я. имея под рукой десктоп с windows xp и корректно работающим в ней trebuchet'ом.
каково же было мое разочарование, когда мне сообщили (а позже я убедился и собственноглазно), что двушрифтие в двуязычных заголовках сохраняется…
в пору бросать css и садиться за табличную верстку в каком-нибудь wysiwyg-html-редакторе типа macromedia dreamweaver!
не дождетесь!
вместо этого я решил докопаться до истины. и докопался.
двушрифтие имело место в обоих случаях на компьютерах с ос windows 98 и браузером ie 5.5. в обоих случаях trebuchet ms (родной майкрософтовский шрифт) не имел кириллического начертания при открытии шрифта через: панель управления > шрифты > trebuchet ms.
вы, наверное, уже догадались, как теперь выглядит список шрифтов для заголовков в css-файле:
font-family: Trebuchet, sans-serif;
и по крайней мере на вышеупомянутых двух компьютерах заголовки теперь отображаются корректно.
[размещено: 21:15]20 сентября, 2003 | веб-стандарты: экономическая составляющая
дает ли использование веб-стандартов при ре-дизайне или создании нового сайта возможность заказчику не только окупить затраты, но и получить прибыль? Имеет ли переход на xhtml и css финансовый смысл?
jeffrey veen, веб-дизайнер, специализирующийся в инновационных веб-технологиях и сотрудничающий с калифорнийской компанией adaptive path, отвечает: «да!».
в ближайшие дни я опубликую основные аргументы этой статьи на русском языке для нежелающих читать по-английски. следите за новостями.
кстати, сама компания adaptive path недавно осуществила ре-дизайн своего сайта в соответствии с веб-стандартами. сайт использует xhtml для структуры, css—для дизайна.
p.s. похоже jeffrey veen использует на своем персональном сайте такой же (или почти такой же) фоновый цвет, как и я на своем. это из той же серии, что и случайная встреча в москве человека, которого знаешь по родному городу, но которого в родном городе никогда не встречаешь. а вот в многомиллионном мегаполисе, пожалте…
17 сентября, 2003 | ре-дизайн главного меню
ну вот, наконец, и случился ре-дизайн главного меню справа. почему «наконец»? да потому что надоели уже эти горизонтальные белые линии толщиной в один пиксел, которые четко проявлялись при наведении мыши. и которые по-разному отображались в разных браузерах: в ie 5.5+ и сверху и снизу пункта меню, а в nn 6+ и opera 6+ только сверху. а в ie 5 win и того хуже!
а ведь изначально пикселолинии были сделаны намеренно…
кроме того, старый вариант дизайна нарушал общий баланс на страницах, где отсутствуют дополнительные разделы под главным меню. чтобы этого не было, я убрал фоновый цвет и увеличил высоту элементов.
теперь результат налицо: меню одинаково отображается во всех вышеперечисленных браузерах и не нарушает пространственное равновесие на страницах «контакты» и «о сайте».
[размещено: 21:30]857 обложек для дизайнера-графика
американский журнал «esquire» выходит с осени 1933 года. в галерее обложек размещены обложки всех 857 номеров, вышедших за 70 лет существования издания. вы можете осуществлять поиск по годам или, что более интересно, по именам персоналий, представленных на обложке.
несколько примеров: джон леннон, брюс спрингстин, мик джаггер, мадонна, аль пачино, роберт де ниро.
[кому спасибо: www.zeldman.com]
[размещено: 11:15]15 сентября, 2003 | 500 фотографий, снятых народом
в музее современного искусства, что на петровке, 25, проходит фотовыставка «это—нью-йорк». пятьсот фотографий, снятых 11 сентября 2001 года, а также до и после этой даты. «снятых народом», как указано на афише выставки.
на одной из фотографий—сплошное поле плотных облаков, сфотографированное сверху, наверное, с самолета. над этим облачным полем своими верхними этажами поднимаются две башни всемирного торгового центра. очень одинокие на безбрежном пространстве неба…
[размещено: 21:35]13 сентября, 2003 | типографика и шрифты в заголовках
кириллица и латиница в одном заголовке
у маши на компьютере в заголовках этого сайта, совмещающих кириллицу и латиницу (например, в этом—«обновление на странице serov in sarov»), кириллическая часть заголовка отображается одним шрифтом, а латинская—другим. почему?
давайте разберемся. в моем css-файле, который управляет подбором шрифтов, шрифтовые приоритеты расставлены следующим образом:
font-family: "American Typewriter", "Trebuchet MS", Trebuchet, Lucida, sans-serif;
то есть, браузер сначала пытается подставить первый шрифт из списка. если его в системе нет, то второй и т.д. последним в списке идет любой шрифт без засечек, который стоит в системе по умолчанию. обычно это arial.
а что происходит если на компьютере нет кириллической версии определенного шрифта, но есть латинская? а происходит то, что мы увидели на машином десктопе. двуязычный заголовок отображается двумя разными шрифтами.
здесь, конечно, есть и вина разработчиков. они могли бы учесть возможность подобных ситуаций и заставить браузер насильственно ставить только один шрифт в рамках одного заголовка.
а пока есть два пути решения проблемы:
- отказаться от использования русско-английских заголовков;
- сократить число шрифтов, предназначенных для заголовков, ограничившись наиболее распространенными.
в силу тематики этого сайта первый вариант для меня неприемлем, поэтому пойдем по второму и укороченный список шрифтов будет выглядеть так:
font-family: "Trebuchet MS", Trebuchet, sans-serif;
остается попросить машу проверить корректность отображения заголовков в новой ситуации. что мы и сделаем в начале следующей недели.
наклонный шрифт в заголовке
еще одна ситуация, которая может оказаться неожиданной для дизайнера: на компьютере зрителя сайта установлено только наклонное или курсивное начертание шрифта. другие начертания либо криво встали при установке, либо слетели в процессе эксплуатации, так сказать, программного обеспечения. в этом случае вместо прямого начертания, ожидаемого дизайнером, мы увидим наклонное.
именно такую картину я обнаружил на машине максима. к сожалению способов решения этой проблемы я пока не вижу. если кто-то знает, как избежать подобной ситуации, сообщите мне и этот рецепт будет сразу опубликован.
[размещено: 19:30]