Типографика

индекс
14,40
вчера в 20:17

Ещё один способ устранить ВОШ из песочницы

Задача


ВОШ — эффект, возникающий при стилизации текста подключаемым шрифтом, не установленным на компьютере пользователя. Проявляется, когда подключаемый шрифт ещё не успел скачаться, и стилизуемый текст отображается следующим шрифтом из значения свойства font-family этого элемента. Такое переключение шрифтов также может повлиять на размеры элемента, если они зависят от размеров текста в нём.
Эффект известен также как FOUT — так его назвал Пол Айриш.

При общих моментах, есть и особенности. Например, в Файрфоксе текст, который нужно будет отрисовать нестандартным шрифтом, в течение 3 секунд не отображается, в Хроме тоже есть подобная задержка. Если шрифт успеет скачаться за это время, текст отобразится сразу нужным шрифтом.

На эту тему здесь была такая статья. В ней последствия ВОШ рекомендовалось нивелировать грамотной игрой со шрифтами. К сожалению, иногда подключаются такие шрифты, которые слишком отличаются по характеристикам от стандартных.
2890
149
SVGen 22,2
29 апреля в 22:18

«Интернет по-русски» (Компьютерра, март 1997)

Всю первую половину 1990-х Интернет в России оставался забавой для гиков: «чтобы запустить используемые протоколы, одного высшего образования мало». Позже, когда Интернет уже стал доступнее и популярнее, его поджидала другая напасть — чехарда с поддержкой кириллицы. Различных кодировок было достаточно, чтобы потеряться.

В марте 1997 Компьютерра избрала данную проблему своей «темой номера», начав рассказ с того, откуда столько кодировок появилось и почему они все используются, и заканчивая рекомендациями о том, как со всем этим жить дальше. Я перепечатываю текст из журнала как есть, не сокращая. Я специально перепроверил, что гуглу этот текст доселе неведом; но по-моему, такой «памятник славянской письменности» из доюникодной эпохи — достоин того, чтобы сохраниться в электронном виде.

(Пользуясь поводом, упомяну и свой двухгодовалой давности топик о Кате Лажинцевой, официальном создателе CP-1251.)

Олег Татарников

Крестоносцы

Ты так гонишься за тенью, что теряешь наличие.
Из книги Иова


Концепции Интернета, первоначально разработанные в унитарной, централизованной армейской системе министерства обороны США, быстро вышли из «диктаторских пут» и воспринимаются сегодня как идеи всемирной общедоступной информационной магистрали. Любые попытки ограничения доступа, цензуры и внешнего воздействия на Сеть однозначно воспринимаются мировым сообществом в штыки. За широким внедрением Интернета в нашу жизнь не стоит никакая организация: это самоорганизующаяся система, и главный ее двигатель — все человечество. В этом основное отличие всемирной Сети от коммерческих сетей, в этом ее привлекательность для миллионов и ее сила. В таком свете неприглядно выглядят сторонники массовой «коизации» информационного обмена в России, стремящиеся загнать всех российских пользователей в прокрустово ложе единой кодировки. Тем более что носители этой идеологии составляют абсолютное меньшинство российских пользователей Интернета, пусть даже и самое активное. Причем благие намерения, которыми они при этом руководствуются, никак не служат оправданием для насильственного ограничения свобод и причинения дополнительных неудобств огромной армии пользователей, число которых продолжает стремительно расти. Ибо известно, куда таковыми намерениями обычно мостятся дороги.

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

Пытаясь разобраться во всех существующих проблемах и найти возможные пути решения, я обратился непосредственно к тем, кто максимально заинтересован в преодолении существующих трудностей, то есть к разработчикам программного обеспечения, Интернет-провайдерам и, естественно, их клиентам.
+55
25330
89
tyomitch 195,5
22 апреля в 12:51

Wordpress.com перешёл на свободный шрифт Open Sans



Похоже, свободный шрифт Open Sans становится новым стандартом для веба, и не только для веба. Этот нейтральный шрифт неплохо смотрится и в мобильных приложениях, и при печати. Очередным крупным сайтом, который отказался от старых Helvetica/Arial в пользу Open Sans, стал WordPress.com.
+38
13614
82
alizar 2257,5
29 марта в 13:07

Adobe Blank: Шрифт для разработчиков

Похоже на первоапрельскую шутку, но Adobe Type Team выпустила специальный шрифт Adobe Blank OpenType Font, покрывающий всю unicode таблицу пустыми глифами (более 65,000). Шрифт рендерится с использованием non-spacing и non-marking глифов и весит 80kB.



Основой для разработки шрифта послужили две задачи:
+42
39437
88
LeeMiller 60,6
28 марта в 16:56

Функциональность важнее формы: проектируя для читателя перевод

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

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



+52
16018
287
23 марта в 02:32

Автоматизируем генерацию @font-face kit'ов из консоли

Если вы когда либо задумывались, можно ли как то автоматизировать генерацию шрифтов для вэба или вам надоело заходить на Font Squirrel каждый раз, то, как говорится, добро пожаловать под кат.
+19
3527
62
24 февраля в 00:27

Распознавание коридоров в тексте tutorial

Коридор (river) — совпадение пробелов по вертикали или наклонной линии в трёх и более смежных строках, один из дефектов вёрстки. Дефект устраняется довольно легко, но сложность заключается в его автоматическом обнаружении.

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

               
+67
22132
131
alizar 2257,5
6 февраля в 19:12

Шесть замечательных альтернатив Helvetica из песочницы

Предупреждение: ничего не поделаешь, но кириллица во всех гарнитурах, рассматриваемых в статье (кроме Proxima Nova), отсутствует.

Вдохновившись двумя недавними постами о шрифте Helvetica, я решил перевести другой пост от Designmodo, в котором рассказывается об альтернативах этому шрифту. (Поставить флажок «перевод» у меня не получается, поэтому не велите казнить, поместил в хаб.)
image
Вы, наверное, знаете, что Helvetica является одним из наиболее популярных шрифтов, используемых сегодня. Мы живём в эру шрифтов без засечек в flat design (букв. «плоский дизайн» — прим. переводчика), а гротески, тем не менее, возрождаются и, кажется, прекрасно вписываются в современный дизайн. В то же время, Helvetica имеет важные недостатки, о которых должен быть в курсе любой дизайнер, всерьёз занимающийся типографикой, и даже может гарантировать альтернативы.
+9
14340
165
Abcd_Efgh 8,2
4 февраля в 16:30

Helvetica часть вторая: блуждая в тумане антипатии

Продолжение опубликованного нами ранее перевода «Почему Helvetica все еще популярна?», рассматривающего Helvetica с неоднозначной точки зрения. В своем посте Индра Купвершмидт исправляет некоторые ошибки, допущенные Аластаиром Джонстоном.



+31
9952
81
31 января в 16:18

Почему Helvetica все еще популярна? перевод

На днях мне прислали ссылку на сайт с абсурдным заголовком «100 лучших шрифтов всех времен», возглавляла рейтинг Helvetica, что и вывело меня из себя. На этот рейтинг, конечно, не стоило обращать какого-либо внимания, ибо он был составлен на основании маркетинговых данных, полученных от одного единственного источника (FontShop) и прокомментированных дюжиной типографов из Берлина, но я был в ярости.



+54
53235
201
Как запустить программу без операционной системы: часть 3: Графика
Google Glass в действии (видео)
Миникомпьютер из роутера с OpenWRT: пишем USB class-driver под Linux