UGgallery

Чтобы получить в генераторе веб-шрифтов FontSqurrel криллический шрифт вместе с буквой “ё”, нужно постараться.

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

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.

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

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

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

Если услышите где-то, что от работы на Маке человек неизбежно становится лучше как профессионал и вообще — не верьте. Доказательство тому эта картинка — фрагмент фотографии с сайта drugoi.livejournal.com…

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

Заинтересовался подкастами по темам: веб-дизайн, веб-разработка, юзабилити. На русском и английском языках. Пока удалось найти совсем немного. Вот например: “Типографика для сайтов” от Паясу. И вот это – по копирайтингу – написанию продающих текстов для веба. Это бесплатные подкасты, но требуется регистрация.

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

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

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

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

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

Меня в последнее время мучает одно противоречие. Как получается, что люди, которые ратуют за попиксельное соответствие страницы между браузерами, одновременно являются приверженцами резиновых макетов? Ведь резина исключает попиксельное соответствие страницы с самой собой внутри одного браузера на одном и том же устройстве :) Изменил размер окна — и пиксели уже “другие”, в других местах :)) Композиция меняется, пропорции, характеристики текста и графики — всё меняется. Как такое возможно? Я чего-то не понимаю или эти люди руководствуются всего лишь стереотипами?

В заметке “8 Essential Markups for Good SEO” попался забавный совет по поисковой оптимизации. Совет номер семь:

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

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

Главная причина перехода с Windows на Mac называется Vista.

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

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

Иногда я пытаюсь научить того или иного человека языку HTML. Не подготовить профессионала, а сообщить базовые понятия, которые никому не повредят.

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

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

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

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

Илья Бирман процетирвал тут чувака какого-то. Воспроизвожу по памяти;)

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

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

В “Компьютерре” расшифровали “букмарклет” как “кнопка-скрипт”. Отличный перевод термина. Надо взять на вооружение.