Опишем процесс целиком:

1. Нажать кнопку “Add Fonts” и загрузить шрифт, из которого мы будет делать набор веб-шрифтов;
2. активировать радио-баттон режима “EXPERT”;
3. в строке “Subsetting” нажать на ссылку “Custom Subsetting”;
4. в открывшемся блоке, в строке “Language”, активировать чек-баттон “Cyrillic”;
5. найти поле “Single Characters” и вставить туда буквы: “Ёё” (без кавычек). На этом специально кириллическая часть закончена.
6. Далее: активировать чек-баттон “Yes, the fonts I’m uploading are legally eligible for web embedding.”;
7. нажать кнопку “Download Your Kit”.

…и сохраняем файл на диск.

По умолчанию в генераторе активирован режим “Optimal”, при котором в результирующих веб-шрифтах не будет кириллицы, даже если в исходном шрифте она была – для западников это большая экономия. Кириллицу можно подключить в режиме “EXPERT”, но даже тогда она почему-то не содержит буквы “ё”. Это не слишком удивительно: даже русскоязычные граждане бывают не уверены в необходимости этой буквы, что уж говорить про западных товарищей. Для них она и вовсе: еще одна велика русская загадка.

Браузер, не найдя в веб-шрифте нужной буквы, показывает ее каким-нибудь системным шрифтом. Opera таким образом коверкает не только саму буквую “ё”, но и все идущие до конца слова буквы (хорошо, что не до конца текстового блока).

Гораздо проще и быстрее получить и кириллицу и “ё” если на третьем шаге выбрать опцию “No Subsetting”. Однако тогда результирующие шрифтовые файлы будут намного больше, чем при описанном выше методе.

Будьте осторожны: FontSqurrel предлагает скачивать готовые @font-face Kit’ы на страницах соответствующих кириллических шрифтов. В результирующих наборах есть кириллица, но без буквы “ё”. К сожаленилю, приходится скачивать эти шрифты, и скармливать их генератору по-новой, в ручном режиме, со всеми шагами тут описанными.

Даже на таком, без шуток, прекрасном западном сервисе, нам не обойтись без напильника, кувалды и “какой-то матери”.

Многим дизайнерам хорошо известна история с созданием современных государственных знаков, в дизайн которых входит вариация шрифта AdverGothic. Это кириллический шрифт, разработанный в далёком уже 1989 году Владимиром Ефимовым на основе шрифта Advertisers Gothic (Роберт Вибкинг, 1917).

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

Наконец я увидел прототип АдверГотика — Advertisers Gothic. Оказывается он довольно сильно отличается от своего российского потомка.

Это слоган на буклете к новейшему эпловскому ноутбуку. В одно малюсенькой фразе сделано две элементарные ошибки, одна пунктуационная и одна орфографическая: дефис вместо тире и буква “е” в слове “всё” – в слове, где ставить “ё” обязательно по любым правилам и нормам.

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

Это не случайность, это система. Я годами наблюдаю убого оформленные сайты и рекламные материалы от официальных продавцов маков в России. Самые позорные сайты среди конкурентов — у них. И это творится под лозунгами, призывающими мыслить нестандартно, и за немалые деньги, получаемые с мак-юзеров.

Мак-юзеры (на примере Другого) тоже хороши. Подпись под фотографией гласит: “С утверждением, которое вынесено на обложку инструкции к устройству, я полностью согласен.” То есть, человек даже не замечает, какую халтуру ему представили. Но он-то, хотя бы получил этот комп бесплатно. В отличие от большинства.

По-прежнему, в компьютере, как и в автомобиле, важнейшей деталью остается “прокладка между рулем и сиденьем”.

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

Сергей Мезенцев подсказал парочку:

• W3Cast на Хабре
• В рассылке User Experience Russia можно найти видео юзабилити-линча (прямой ссылки нет – не искал пока)

Их я еще не слушал.

Если у кого есть любимые подкасты по схожим темам — напишите в комментах, очень интересно.

Используйте ключевые слова в своем CSS-файле. Хотите верьте, хотите – нет, но это может улучшить ранжирование. Использование CSS-файла с именем webdesignchicago.css скорее повлияет на рейтинг, чем файл с именем styles.css

Не знаю верить или нет?

Главная причина, почему не на Linux, называется Adobe CS.

Или мне только кажется?

Нужно объяснить, что делают что такое теги, и какие они бывают: закрывающие, открывающие, одиночные. Объяснить как теги образую элемент. Показать несколько элементов.

Самые необходимые элементы — это не доктайп, а A (anchor), и IMG (image). Даже тот кто не станет продолжать обучение дальше, сможет использовать эти теги в обыденной интернет-жизни.

По стандарту, доктайп — единственный обязательный. Но кому нужен такой документ? И зачем непрофессионалу это знать? Ему бы ссылку поставить, да картинку поместить…

Ну, а далее идут P, H1-H6, UL, OL, TABLE, BR. С таким багажом человек уже может работать контент-менеджером :)

Табличного верстальщика бесполезно чморить — это так же бесполезно, как писать “табличная верстка вредит развитию Сети”. Но понять радость веб-стандартов можно только бросив верстать таблицами. Главное, что понимаешь, что держаться-то было не за что. Что все “нравится-удобно” были жалкими отговорками.

Цитату я, в шутку, несколько переврал :) В оригинале речь шла о курении.