Хабрахабр: Метки / шрифт http://habrahabr.ru/rss/tag/шрифт/ ru editor@habrahabr.ru habrahabr.ru Sat, 11 Feb 2012 16:50:34 GMT http://habrahabr.ru/ http://habrahabr.ru/i/logo.gif Хабрахабр <![CDATA[Типографика / Тпиогрфаика для дислексиков]]> http://habrahabr.ru/blogs/typography/132903/ http://habrahabr.ru/blogs/typography/132903/ Часть читателей заметила в заголовке опечатку. Часть заметила обе. Часть не заметила вообще. Если вы из третьей группы, то с большой вероятностью вы — дислексик.
Дислексия — это вид специфического нарушения обучения, имеющий неврологическую природу. Она характеризуется неспособностью быстро и правильно распознавать слова, осуществлять декодирование, осваивать навыки правописания. Эти затруднения связаны с неполноценностью фонологических компонентов языка. Они существуют, несмотря на сохранность других когнитивных способностей и полноценные условия обучения.
Конечно, Интернет стремительными шагами движется ко всё большему проценту медиа в воспринимаемом потоке информации. Тем не менее, текст был, есть и остаётся средством передачи огромной части знаний, получаемых из Сети.

Другой важный тренд — всё чаще уделяют внимание проблемам юзабилити для людей с ограниченными способностями. В то же время, о проблемах дислексиков почти не говорят, и это недоразумение стоит исправить. Недаром, по разнообразным статистикам, в развитых странах можно говорить о 5—15 % дислексиков в популяции (хотя в России подобной статистики не существует).
Читать дальше →
]]> Fri, 18 Nov 2011 11:11:56 GMT Heath дислексикдислексияdyslexiaшрифтышрифтчтение <![CDATA[Типографика / [Из песочницы] Создаём шрифт, имитирующий Ваш рукописный почерк]]> http://habrahabr.ru/blogs/typography/127088/ http://habrahabr.ru/blogs/typography/127088/
Исходя из всего вышесказанного, я пришёл к выводу: нужно сделать шрифт для компьютера, дублирующий мой почерк. На мой взгляд, сделал я его успешно. Родная мать не отличит, где я писал от руки, а где напечатал компьютер. Многим моим знакомым понравилась эта затея, и они стали расспрашивать меня, как я это всё сделал. И чтобы каждому по сто раз не объяснять, я решил написать эту статью – план выполнения работы с подробными комментариями.

Итак, в этой статье я расскажу Вам, как сделать шрифт, имитирующий Ваш почерк.
Читать дальше →
]]> Thu, 25 Aug 2011 18:46:02 GMT Unnica шрифтдизайнMicrosoft Word <![CDATA[Типографика / [Перевод] Лучшие шрифты для программирования]]> http://habrahabr.ru/blogs/typography/120316/ http://habrahabr.ru/blogs/typography/120316/ Статья написана в 2009 году, и с тех пор многое изменилось, в том числе появились некоторые альтернативные шрифты для программирования, например, Anonymous Pro.

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

Я выкладываю список из десяти моноширинных шрифтов, готовых к использованию. Некоторые из них идут в комплекте с современными операционными системами, но большинство можно бесплатно скачать из интернета. Отдельные, в том числе Consolas, являются частью коммерческого ПО.
Читать дальше →
]]> Tue, 31 May 2011 13:04:07 GMT alizar типографикашрифтмоноширинный шрифтгарнитура <![CDATA[Типографика / [Перевод] Шрифт Ubuntu теперь доступен всем в Google Docs]]> http://habrahabr.ru/blogs/typography/118352/ http://habrahabr.ru/blogs/typography/118352/
Ubuntu font
Читать дальше →
]]> Fri, 29 Apr 2011 02:21:01 GMT Amper ubuntufontшрифтgoogle docscanonical <![CDATA[Типографика / Кегль шрифта: не всё так просто]]> http://habrahabr.ru/blogs/typography/114115/ http://habrahabr.ru/blogs/typography/114115/
Вот, например, строка символов, каждый из которых имеет кегль 36 пикселов:

Объём Луны — 2,196 × 10¹⁰ км³

Шрифты разные, а кегль — одинаковый. Даже тире, запятая и цифры в верхнем индексе имеют кегль 36 пикселов, ни больше ни меньше.

Спрашивается, какая же величина у каждого из этих знаков равна 36 пикселам? От какой точки до какой нужно измерить расстояние, чтобы получить это число?

Читать дальше →
]]> Sat, 19 Feb 2011 21:51:39 GMT megamops типографикашрифткегльлитераemascentdescentusWinAscentusWinDescentинтерлиньяжлиния шрифтаобъём Луны <![CDATA[Apple / Шлём письма из Mail.app с правильным форматированием]]> http://habrahabr.ru/blogs/apple/111810/ http://habrahabr.ru/blogs/apple/111810/
Самое простое, но не самое удобное решение — каждый раз выставлять вручную шрифт. Моей силы воли на это не хватает. Если вы с этим проблем не видите, дальше можно не читать.

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

Можно, конечно, использовать другую программу. Но если вам нравится именно Mail.app, то для вас не все потеряно: под катом я расскажу про еще один вариант, который мне показался наиболее удачным.
Читать дальше →
]]> Thu, 13 Jan 2011 17:23:14 GMT aram_pakhchanian mail.appпочташрифтe-mailформатирование <![CDATA[Типографика / Русская капитель: бессмысленно и беспощадно]]> http://habrahabr.ru/blogs/typography/111568/ http://habrahabr.ru/blogs/typography/111568/ похожа на прописные буквы, а по высоте похожа на строчные:

Капитель

Настоящую капитель нельзя получить простым уменьшением прописных. Чтобы в этом убедиться, сравните соответствующие символы. В каждой паре первая буква — капительная, а вторая — уменьшенная прописная:

Читать дальше →
]]> Mon, 10 Jan 2011 11:33:33 GMT megamops типографикашрифткапительпрописные буквыстрочные буквылатиницакириллицапопугаи и мартышки <![CDATA[Типографика / «М» и «em»: развенчиваем миф о равенстве]]> http://habrahabr.ru/blogs/typography/111164/ http://habrahabr.ru/blogs/typography/111164/ «„Em dash“ и „en dash“: вся правда про ширину тире». Прежде чем говорить про «em dash», стоило сказать просто про «em». Я этого не сделал, вот и навёрстываю упущенное.

Em — единица измерения, соответствующая кеглю шрифта. Популярное заблуждение заключается в том, что она называется «em», поскольку ширина буквы «M» как раз и равна кеглю. Однако мне не удалось найти вообще ни одного шрифта, для которого это в точности выполнялось бы. В одних шрифтах «M» ýже кегля, в других — шире.

Читать дальше →
]]> Tue, 04 Jan 2011 16:56:29 GMT megamops типографикашрифтmemистина в последней инстанции <![CDATA[Типографика / [Из песочницы] «Em dash» и «en dash»: вся правда про ширину тире]]> http://habrahabr.ru/blogs/typography/111012/ http://habrahabr.ru/blogs/typography/111012/
Но достаточно посмотреть глазами на упомянутые символы, чтобы убедиться, что всё это неправда. В шрифтовом деле нет никаких общеобязательных законов, стандартов и нормативов о том, какого размера должны быть тире. Каждый разработчик шрифта решает этот вопрос по-своему.

▪

Чтобы убедиться, исследуем десять популярных пропорциональных шрифтов (в прямом начертании, обычной насыщенности). Измерим ширину обоих тире при одном и том же кегле. Для сравнения посмотрим также на ширину букв «M» и «N», а заодно и дефиса, чтоб два раза не ходить.

Читать дальше →
]]> Fri, 31 Dec 2010 10:49:43 GMT megamops типографикашрифттиредефисemистина в последней инстанции <![CDATA[Блог компании Winter Night / О шрифтовых способах выделения (часть 1)]]> http://habrahabr.ru/company/winter_night/blog/108090/ http://habrahabr.ru/company/winter_night/blog/108090/ В первой части обзора будут представлены самые популярные способы выделения, а также возможные ошибки их применения и рекомендации, как этого избежать.
Читать дальше →
]]> Sat, 13 Nov 2010 16:19:31 GMT winter_night типографикавыделениешрифт <![CDATA[Убунтариум / [Перевод] Откуда появляются скриншоты программ в Центре Приложений]]> http://habrahabr.ru/blogs/ubuntu/104876/ http://habrahabr.ru/blogs/ubuntu/104876/ При просмотре Центра программного обеспечения Ubuntu, Вы когда-либо задавались вопросами:

• Как он выводит на монитор скриншоты?
• Кто загружает снимки экрана?
• Почему некоторые из скриншотов являются полностью устаревшими?

Центр программного обеспечения Ubuntu вытягивает эти скриншоты из screenshots.debian.net. Любой может загрузить скриншоты на этот сайт.

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

Хотите помочь исправить это?

Откройте свое любимое приложение и сделайте скриншот программы в действии. (Скриншоты экрана должны быть в формате PNG.) В случае необходимости обрежьте изображение, чтобы вывести на экран только программу. Затем загрузите его на этом сайте. (Никакой вход в систему или адрес электронной почты не требуются!)

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

Как же насчёт шрифтов?

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

Или Вы смогли даже записать сценарий, который генерирует снимок экрана для каждого пакета шрифта?]]> Fri, 24 Sep 2010 10:10:04 GMT oe24 ubuntuскриншотdebianшрифт <![CDATA[Персональные блоги / Как мелочь может испортить впечатление от продукта]]> http://habrahabr.ru/blogs/personal/96653/ http://habrahabr.ru/blogs/personal/96653/ посылать лучи поноса дизайнерам, что бы такие ошибки не повторялись. Сегодня, в очередной раз, наткнулся на мелочь, из-за которой теперь вряд-ли куплю один очень необычный продукт:



Читать дальше →
]]> Wed, 16 Jun 2010 17:43:47 GMT Dair_Targ клавиатурадизайноформлениешрифт <![CDATA[Персональные блоги / КЛАСНЫЙ ШРИФТ = БЕСПЛАТНО]]> http://habrahabr.ru/blogs/personal/79751/ http://habrahabr.ru/blogs/personal/79751/ Вот ссылка на более подробное описание шрифта.
Тут качать: http://fonts.ru/public/

image]]> Wed, 30 Dec 2009 19:59:48 GMT eniki шрифт <![CDATA[Типографика / Интерактивный шрифт LAIKA]]> http://habrahabr.ru/blogs/typography/78741/ http://habrahabr.ru/blogs/typography/78741/ LAIKA динамически изменяются наклон, насыщенность, контрастность и начертание в зависимости от внешних факторов.


Читать дальше →
]]> Sat, 19 Dec 2009 13:37:28 GMT enotramone laikaшрифттипографикаинтерактивprocessing <![CDATA[Типографика / [Перевод] Web Open Font Format в Firefox 3.6]]> http://habrahabr.ru/blogs/typography/72991/ http://habrahabr.ru/blogs/typography/72991/ Эта статья написана Джоном Даггеттом(John Daggett) — сотрудником компании Mozilla, который много работал с дизайнерами шрифтов и web программистами чтобы улучшить положение шрифтов в web. Статья представляет из себя поверхностный обзор новых возможностей и содержит некоторые примеры применения WOFF(Web Open Font Format). Полный список других работающих в этой области организаций вы можете найти на официальном блоге Mozilla (архив).

В Firefox 3.5 мы включили поддержку (архив) подключения шрифтов формата TrueType и OpenType. В Firefox 3.6 мы включим поддержку нового формата шрифтов Web Open Font Format или WOFF, который имеет два основных преимущества перед сырыми TrueType и OpenType:

 — это сжатый формат, значит вы увидите намного меньший объем загружаемых данных, чем при использовании сырых TrueType или OpenType;

 — он содержит информацию о том, откуда пришел этот шрифт, но без DRM или подписей для конкретного домена, это означает что он поддерживается (архив) множеством дизайнеров и организаций занимающихся шрифтами.
Читать дальше →
]]> Wed, 21 Oct 2009 15:49:48 GMT Aquahawk WOFFWeb Open Font FormatFirefoxfontшрифт <![CDATA[Персональные блоги / Уменьшаем обратно шрифт в строке поиска Google (для Firefox)]]> http://habrahabr.ru/blogs/personal/69372/ http://habrahabr.ru/blogs/personal/69372/
1. Устанавливаем себе плагин GreaseMonkey
2. Перегружаем Firefox
3. Идем на страницу скрипта Google Search — un-S-U-P-E-R-sized, жмем Install для установки
4. Наслаждаемся результатом: всё по-старому!

Если раздражает появившаяся справа внизу иконка с обезьяньей мордой от Greasemonkey, делаем следующее:

1. Открываем папку с пользовательским css-файлом Firefox:
для XP: C:\Documents and Settings\<имя_пользователя>\Application Data\Mozilla\Firefox\Profiles\<набор_символов>\chrome\
для Vista: C:\Users\<имя_пользователя>\AppData\Roaming\Mozilla\Firefox\Profiles\<набор_символов>\chrome\

2. Открываем файл userChrome.css либо, если его нет, переименовываем userChrome-example.css в userChrome.css, и вставляем там внизу текст:

statusbarpanel#gm-status {
display: none !important;

}

3. Перегружаем Firefox и опять-таки наслаждаемся результатом.]]> Fri, 11 Sep 2009 13:59:10 GMT fraggle googlefirefoxшрифтуменьшитьgreasemonkey <![CDATA[Типографика / Предлагаю бесплатно скачать новый шрифт (сделал 15.01.2009). Очень надеюсь на ваши отзывы :-)]]> http://habrahabr.ru/blogs/typography/49235/ http://habrahabr.ru/blogs/typography/49235/
image

Скачать можно:


Шрифт, Open Type, MS Windows 1251 Cyrillic, ~50 Кб.
Образец шрифта, PDF, ~90 Кб.

Читать дальше →
]]> Thu, 15 Jan 2009 16:21:48 GMT RockBee Экскрементальная типографикашрифтбесплатный шрифтя пиарюсьмой первый пост <![CDATA[Типографика / Дырявый Ecofont экономит краску]]> http://habrahabr.ru/blogs/typography/47274/ http://habrahabr.ru/blogs/typography/47274/ Шрифт Ecofont — рождение ума человека по имени Колин Уиллемс (Colin Willems), работающего в голландской компании SPRANQ.

Основное отличие шрифта Ecofont от всех остальных — это маленькие неокрашенные кружочки, помещенные внутрь каждой буквы с одной-единственной целью: уменьшить общее количество тонера/чернил, используемых принтером при печати документов. Скажем прямо — реализация проста до невозможности, но возможно как раз по этой причине подобный шрифт появился только сейчас.

Какой объем символа может быть убран, при условии, что читабельность текста сохранится? После множества тестов с различными формами в Spranq пришли к выводу, что лучше всего использовать маленькие круги, а еще после нескольких тестов было обнаружено, что в результате принтер использует на 20% меньше краски — отличное антикризисное решение для корпоративного сектора.

И хотя создатели шрифта и не ставят своей целью его популяризацию, наверняка те, кому идея приглянулась, обратят на него свое внимание. Для печати больших объемов продукции (как в издательском деле) экономия подобного рода наверняка найдет применение.

Позитивный момент из описания шрифта: «The Ecofont is distributed under GPL...»

Ecofont via Lifehacker]]> Thu, 18 Dec 2008 17:53:11 GMT Shapelez Ecofontшрифтэкономиячернила <![CDATA[Типографика / Готовим макет для клиента. Часть II: Если гладить, то как?]]> http://habrahabr.ru/blogs/typography/44693/ http://habrahabr.ru/blogs/typography/44693/ Готовим макет для клиента. Часть II: Если гладить, то как?
Часть I: Гладить или нет?
Часть II: Если гладить, то как?

Итак, в первой части мы рассмотрели доводы «за» и «против» экранного сглаживания. Теперь давайте обратимся к практическим примерам и поговорим о некоторых тонкостях подготовки макета для демонстрации заказчику.

Читать дальше →
]]> Sat, 15 Nov 2008 18:23:50 GMT despoth типографикашрифтмакетдизайн сайта <![CDATA[Типографика / Готовим макет для клиента. Часть I: Гладить или нет?]]> http://habrahabr.ru/blogs/typography/44657/ http://habrahabr.ru/blogs/typography/44657/ Готовим макет для клиента. Часть I: Гладить или нет?
Часть I: Гладить или нет?
Часть II: Если гладить, то как?

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

Многие дизайнеры достаточно неплохо освоили фотошоп, и научились использовать разнообразные трюки и хитрости для производства ярких и сочных картинок. Глянец и «карамельность» захватили умы многих. На сегодняшний день принято считать, что такой «вылизанный» техдизайн — наиболее дорогостоящий и модный. Хорошо это или не очень — в данном случае не суть важно.

Важно другое. Верхняя половина с шапкой из нереально синего неба, чрезмерно зелёной травки, блестящих хромированных небоскрёбов и пластмассовых людей с приклеенными улыбками — всё это очень нравится клиентам, и сами дизайнеры пузырятся от гордости, показывая подобные коллажики своим коллегам. А вот нижняя половина… Тут, в большинстве случаев, как раз всё очень и очень уныло.

Мне бы хотелось в рамках нескольких статей поговорить на тему подготовки макетов для показа клиентам, а также о том, какие трудности поджидают дизайнера на пути утверждения макета.
Читать дальше →
]]> Fri, 14 Nov 2008 20:47:51 GMT despoth типографикашрифтмакетдизайн сайта