Pull to refresh

Раздобываем бесплатные шрифты для русского языка, чтобы пережить Вторую типографскую революцию в Паутине

Typography *
На минуту обратите свои мысли вспять, к прошлому, к завершившемуся тысячелетию. Отдайте должное утренней заре Всемирной Паутины, потому что заря эта готова ужé окончательно потухнуть, уступая место куда более яркому сиянию нового дня.

Первая типографская революция произошла во Всемирной Паутине настолько давно, что приходится производить поиски, чтобы установить подробности. Кажется достоверным то, что пишет Ian Graham: в Netscape Navigator 2.0 впервые появился элемент <font> (тогда он позволял задавать только размеры шрифта, и только в условных единицах), а в Internet Explorer 3 у этого элемента появился атрибут face, позволявший задавать начертание, задавать шрифтовое семейство. Википедия подсказывает, что Netscape Navigator 2.0 появился в марте 1996 года, а Microsoft Internet Explorer 3 — в августе того же года. В язык HTML версии 3.2 даже не входил атрибут face, хотя и упоминалося, что такой атрибут существует.

Тринадцать лет назад.

Все эти тринадцать лет для начертания текста сайтов в основном использовались несвободные шрифты, являющиеся частью операционных систем и офисных пакетов. Сайтам приходилося гадать о том, какие шрифты установлены у читателя, а какие не установлены, и какова вероятность того или другого, какие шрифты можно считать безопасными. Сочинялись специальные плагины jQuery и создавались специальные страницы, способные выяснить набор шрифтов на компьютере читателя. Особый дух того времени прекрасно передал despoth, сочинив превосходную серию статей о такой веботипографике, которая основана именно на подборе несвободных шрифтов (часть I часть II часть III часть IV часть V).

Наконец, это время кончилось: явствуют, зримо явствуют признаки Второй типографской революции, связанной с приходом @font-face.

Джон Даггетт сочинил познавательную статью о том, как все мы совсем скоро (после появления Safari 3.1, Firefox 3.5, Opera 10) сможем использовать загружаемые шрифты во всех популярных браузерах, а не только в одном наиболее популярном.

Марк Пилгрим грубо обрисовал ситуацию с лицензированием собственнических шрифтов. Ситуация эта немало напоминает глухой тупик. Даже создателям прекрасной демонстрации возможностей Firefox 3.5, чтобы изготовить страницу, пришлось специально связаться со шрифтопроизводителями и изготовлять такие особые (усечённые) версии использовавшихся шрифтов, чтобы их не было смысла копировать нелицензионно. А вон там предлагают раздавать особые паутинные обкусанные ужатые копии купленных шрифтов (которые сам покупатель вывешивать не имеет никого права, а только ссылаться). Остроумно. Открывает широкую дорогу в сторону Большого Брата: типа как недавно читальники Kindle удаляли книги Оруэлла за нелицензионность (даже честно купленные — просто оставляя стоимость их на счету покупателя в уплату). Так и тут. Внешний шрифт может неожиданно подохнуть, даже купленный заранее.

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

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

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

Список пошёл.
Total votes 160: ↑137 and ↓23 +114
Views 32K
Comments 85

Шрифты «за изгородью»: форматы EOT Lite и WebOTF

Typography *
В начале августа были все основания полагать, что будущее типографики в Паутине подлежит скорому и безжалостному выбору между двумя несовместимыми крайностями:
  • С одной стороны — реализованные во браузерах Firefox и Opera (а в скором будущем — также и во Chrome) ничем не прикрытые форматы TTF и OTF, которые прекрасно подходят для распространения свободных или хотя бы бесплатных шрифтов, но которые приводят любого правоторговца в ужас и остолбененение, так как позволяют лёгким мановением руки скачать любой такой шрифт и поставить себе в систему невозбранно. Соответственно, для выкладывания собственнических коммерческих шрифтов такие форматы не годятся.
  • С другой стороны — понимаемый в Internet Explorer формат EOT (Embedded OpenType), с патентованным механизмом сжатия, с DRM-полями для привязки шрифта к одному и только одному домену Интернета, на сайтах вне которого шрифт вообще не должен употребляться. Соответственно, прекрасная защита так называемой интеллектуальной собственности, зато дичайшие проблемы с лицензированием технологии и с кросс-платформенной её переносимостью.
Вопиющий антагонизм этих двух крайностей побуждал к радикальному отказу от собственнических шрифтов и к представлению о скорой погибели всякой коммерческой словолитни. Просто потому, что свобода лучше, чем несвобода.

В этот момент коммерческие словолитни пришли к идее «садовой изгороди» (эта ёмкая метафора придумана Владом Левантовским из Monotype, а стала известною в пересказе Ричарда Финка), то есть пожелали иметь такой формат шрифта, который, быть может, не слишком помешает целеустремлённому «пирату», однако всё же не позволяет скачать и установить «сетевой» шрифт к себе в систему прямо и непосредственно — а значит, укажет законопослушному (то есть копирайтобоязненному) пользователю, что так делать нельзя.

Таких форматов появилось две штуки — EOT Lite и WebOTF. И разработан даже особый патч для Файерфокса, который добавляет во браузер поддержку их обоих.

Формат EOT Lite поддерживает крупная шрифтоторговая корпорация Ascender, в рекламных целях изготовившая некоторое забавное подобие пивной этикетки:

[EOT Lite]

Что гораздо важнее, Ascender планирует именно в этом формате продавать многие свои шрифты (а также некоторые чужие).

У формата EOT Lite есть заметное, существенное достоинство: это подмножество стародавнего майкрософтовского EOT, получающееся отказом и от жёсткой привязки к домену, и от собственнического алгоритма сжатия шрифтов. Следовательно, этот формат — пускай и оформившийся только в нынешнем году, причём сравнительно недавно — тем не менее поддерживался Корпорацией Microsoft давным-давно, начиная от версии Internet Explorer 4. Так что этот формат станет невозбранно работать во всех нынешних версиях популярнейшего (майкрософтовского) браузера. А вышеупомянутый патч для Файерфокса, несомненно, обеспечит поддержку EOT Lite и в будущих версиях второго по популярности браузера. Поэтому я согласен с тем мнением, которое Пол Айриш высказал в его подробном развёрнутом анализе нынешней ситуации с вебошрифтами: именно EOT Lite сейчас представляется наилучшим выбором формата собственнических шрифтов для Паутины.

А формат WebOTF получился в итоге слияния двух сравнительно новых предложений (ZOT для сжатия и .webfont для метаданных). Поэтому формат WebOTF предполагает преобразование .OTF-файла методом отдельного сжатия каждой таблицы шрифта путём пропускания её через функцию compress2() из библиотеки zlib. Соответственно, сжатием экономится траффик; и он сэкономится ещё более, если браузеру нужна не каждая таблица, так как тогда он сможет выборочно скачивать их с сервера: размеры и положение (offset) таблиц содержатся в заголовке WebOTF. В конец файла также ещё добавляются XML-метаданные о правах (хотя принуждение к соблюдению указанных там ограничений не предусматривается), а также некоторые двоичные данные (которыми правоторговцы могут помечать файл для дальнейшей идентификации покупателя по файлу, например). Многие правоторговцы склонны поэтому поддержать этот формат с превеликою готовностию; однако отсутствие широкой браузерной поддержки делает его будущее весьма мрачным, мне кажется. Бесперспективняк.

Однако закончу я на радостной ноте, и даже, если угодно, практически полезной ноте. Вышеупомянутый Пол Айриш измыслил краткий джаваскрипт, позволяющий выяснить, есть ли во браузере поддержка @font-face. Кому надобно, пользуйтеся.
Total votes 17: ↑7 and ↓10 -3
Views 1.8K
Comments 3

Новый пуленепробиваемый синтаксис @font-face

Typography *
Translation
Tutorial
С самого начала «вебошрифтовой революции» мы полагались на неизящные хаки деклараций @font-face, чтобы шрифты из Паутины загружались во всех браузерах. Может ли существовать лучший путь? Вполне изящный и совместимый с будущими браузерами?

Вкратце об истории вопроса


В сентябре 2009 года Пол Айриш (Paul Irish) огласил пуленепробиваемый синтаксис для записи деклараций @font-face. Синтаксис был компактным и в то время действовал во всех браузерах. Недавно стали поступать, со временем усиливаясь, жалобы на отказ шрифтов загружаться в Android — поэтому мы стали вместо того рекомендовать синтаксис «Mo' Bulletproofer», сочинённый Ричардом Финком (Richard Fink). К сожалению, синтаксису «Mo' Bulletproofer» требуется двойная запись деклараций, так что поддержка его сложнее.

Синтаксис Fontspring @Font-Face


А вот таким этому коду следовало бы быть с самого начала. Чистым, ясным и простым:
@font-face {
	font-family: 'MyFontFamily';
	src: url('myfont-webfont.eot?') format('eot'), 
	     url('myfont-webfont.woff') format('woff'), 
	     url('myfont-webfont.ttf')  format('truetype'),
	     url('myfont-webfont.svg#svgFontName') format('svg');
	}

Что? Я не понял.


Хак Трюк, заставляющий этот код заработать — символ «?» вслед за именем файла EOT. Без шуток.

Как это срабатывает


Читать дальше →
Total votes 141: ↑132 and ↓9 +123
Views 70K
Comments 42