Открыть список
Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Google презентовала свободный шрифт Noto с поддержкой 800 языков и 110 тыс. символов

Типографика


Шестого октября компания Google презентовала расширенную версию своего свободного шрифта Noto (No more tofu). Название у шрифта говорящее. Tofu — всем известный пустой квадрат вместо символа в ситуациях, когда тот не поддерживается используемым шрифтом: ⯐.

Новый шрифт от Google поддерживает корректное отображение всех символов юникода, то есть более 800 языков и 110000 символов.
Читать дальше →
Всего голосов 51: ↑51 и ↓0 +51
Просмотры26.8K
Комментарии 51

Опыты перевода

Дизайн
Известный шрифтовик, автор «Книги про буквы от Аа до Яя», и просто хороший человек Юрий Гордон, начал цикл статей о том, как он переводил шрифт Helvetica Normal от Apple с латинского на кириллический.

Уже есть три опуса на эту тему.

Опус 1
Опус 2
Опус 3

Думаю, многим будет интересно, а некоторым даже полезно :)
Всего голосов 21: ↑18 и ↓3 +15
Просмотры528
Комментарии 11

Шрифты в Mac OS X

Чулан
Дорогие друзья!

Хотелось бы поднять тему о шрифтах в операционке Mac OS X чтобы уже окончательно разобраться в этом вопросе.

Недавно, чуть больше двух недель назад, я стал счастливым обладателем MacBook'а, о чем до сих пор не пожалел ни капельки. Даже то, что я являюсь php-программистом, не тормознуло моей работы при переходе на новую систему.

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

Для проверки «валидности» верстки я использую свой любимый браузер Mozilla Firefox и теперь уже Safari. К сожалению, аналогов глючного «ослика» на Мак я не нашел… Для меня — к счастью, но вот то, что большинство пользователей сидят на ИЕ сводит все к тому, что приходится тестировать в XP…

А теперь перейдем к основной проблеме, которая передо мной встала. Копаясь долго в инете, я все-таки не смог найти правильного и точного решения — как оседлать кириллистические шрифты в Mac OS X? Я уже перестал понимать в каком браузере какой шрифт показывается.

Предлагаю составить список действий, которые приведут к адекватному понимаю всех используемых в Сети шрифтов.
Всего голосов 4: ↑4 и ↓0 +4
Просмотры2.3K
Комментарии 57

Ваши шрифты для различных редакторов кода

Чулан
Просто интересно какие шрифты стоят в вашем редакторе программного кода…
Отписываемся в комментах.
ЗЫ: У меня стоит Cambria, но хочется чего-нибудь нового и более удобного.
Всего голосов 12: ↑12 и ↓0 +12
Просмотры365
Комментарии 41

Использование новых гарнитур из Windows Vista

Разработка веб-сайтов
Windows Vista Windows XP Mac
Calibri Arial Arial
  Arial Black Arial Black
  Comic Sans MS Comic Sans MS
Consolas Courier New Courier New
Cambria Georgia Georgia
  Impact Impact
Consolas Lucida Console Monaco
  Lucida Sans Unicode Lucida Grande
Constantia Palatino Linotype / Book Antiqua Palatino
  Tahoma Geneva
Cambria Times New Roman Times
Candara Trebuchet MS Helvetica
Corbel Verdana Verdana
Рейтинг 0
Просмотры600
Комментарии 0

Проблема со шрифтами — моя или Хабра?

Чулан
Заметил, что если в заголовке поста 2+ строчек, то они немного залазят друг на друга, а шрифт выглядит кривовато. Кто заметил то же? Возможно это ошибка Оперы, а возможно — лейаута страницы.
Всего голосов 6: ↑1 и ↓5 -4
Просмотры288
Комментарии 2

Боремся с толстыми шрифтами на темном фоне в Сафари

CSS
Всем известно, что на маках замечательный рендеринг шрифтов ;) Но, к сожалению, на темном фоне при сглаживании «Medium» текст выглядит очень жирным, что меня, мягко говоря, раздражает. Вот, например, кусочек меню Smashing Magazine с рендером по-дефолту:



К счастью, я нашел обходной путь этой проблемы. Заключается он в следующем: если указать тень (параметр text-shadow), то для текста с тенью включается «фотошоповский» рендеринг без субпиксельного сглаживания (Standard в System Preferences/Appearance). И никто не мешает нам сделать нулевую тень :)

Прописываем в CSS элементам такой параметр: text-shadow: #000 0 0;. Смотрим:



Вуаля! Надеюсь, этот трюк поможет эстетствующим любителям шрифтов и Сафари :)

UPD: Если вас смущает ругающийся валидатор, то могу сказать, что это баг самого валидатора, который проверяет CSS2.1, т.к. параметр text-shadow является валидным и присутствует в спецификации CSS2 и CSS3. Решение проблемы — в More Options валидатора выбрать Profile: CSS version 2 или CSS version 3.
Всего голосов 34: ↑34 и ↓0 +34
Просмотры1.2K
Комментарии 20

Сглаживание шрифтов

Чулан
Наверное каждый начинающий веб-дизайнер, выставляющий свою работу на оценку, слышит в свой адрес — Шрифты должны быть без сглаживания. С тех пор, многие из них сглаживание более не используют.
Конечно не все, есть определенные люди, т.е. дизайнеры, которые делают как бы не макеты сайтов, а картинки сайтов. В таких случаях сглаживание шрифтов гармонично соседствует с уменьшенным масштабом макета и окантовкой в виде непопулярного броузера. Я не знаю зачем это делается, возможно так лучше принимают заказчики. В любом случае — не важно, таким людям этот материал будет неинтересен.
А полезен он будет тем дизайнерам, которые более не используют сглаживание, но ещё не знают, что все же его нужно использовать. Дело в том, что отображение текста в броузере работает совсем не так, как работает отображение оного в фотошопе. По следующей таблице можно понять в чем разница.

Как видно, 7й Эксплорер и Сафари стоят особняком в методе рендеринга текста. Но доля использования остальных броузеров в интернете более 70%, поэтому мы будем опираться на них.
В итоге мораль такова: Для размеров шрифта 9-16 следует делать текст без сглаживания, для 17 и более — Sharp. Надеюсь это изыскание поможет вам ещё более точно воссоздать конечный вид проекта и поможет мне реже видеть огромные зубчатые шрифты в макетах продвинутых новичков.
Всего голосов 27: ↑23 и ↓4 +19
Просмотры534
Комментарии 15

Рабочая библиотека веб-типографа и контент-менеджера

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

Список книг будет разбит на группы по темам, и каждая из них — на группы «обязательно прочесть и иметь» и «можно прочесть и иметь» (это выделение безусловно субъективно, так что спорить насчёт него не буду точно). В принципе, большинство книг есть в широкой продаже, в том числе и в крупнейших российских интернет-магазинах. Некоторые есть в отсканированном виде и их можно найти в Интернете.

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


Читать дальше →
Всего голосов 86: ↑82 и ↓4 +78
Просмотры6.9K
Комментарии 47

RE: всё ли так просто с многоточием?

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

Для начала, я сразу оговорю две вещи: во-первых, ни в коем случае не думайте, что я собираюсь «наехать» на rumkin’а — автора статьи. Статья очень хорошая, качественная, и я был бы рад, если б на Хабре статей такого уровня было как можно больше. Просто у меня возникли некоторые разногласия с автором, и я хотел бы поделиться ими с вами.
Во-вторых, я не профессиональный дизайнер/верстальщик, и на звание оного претендовать не хочу. Тем не менее, у меня есть интерес,, и вкус.
Можно сказать, что я просто ценитель и любитель этих искусств, по этому всё, что я буду писать дальше, основано на моих личных вкусах и пониманиях, нежели на богатом профессиональном опыте.

Теперь, когда вышесказанное вам известно,
перейдём к делу
Всего голосов 66: ↑50 и ↓16 +34
Просмотры2.7K
Комментарии 77

Шрифтовое юзабилити для верстальщиков

Типографика
Иногда, работая в текстовом редакторе с моим любимым моноширинным шрифтом Lucida Console, я сталкиваюсь с тем, что не могу отличить неразрывный пробел от обычного или длинное тире от дефисо-минуса. И мне пришла в голову идея изменить шрифт таким образом, чтобы можно было видеть различия между символами.

Читать дальше →
Всего голосов 5: ↑5 и ↓0 +5
Просмотры971
Комментарии 7

Веб-типографика сегодня. Часть I

Типографика
Часть IЧасть IIЧасть IIIЧасть IVЧасть V — Часть VI

Часть I



Как-то ко мне обратился знакомый дизайнер с просьбой разобраться в странной по его мнению ситуации. Клиент просил «сделать так же, как у Apple», но с использованием собственных способов расположения блоков, изображений, цветовой гаммы и текста. В общем, дизайн в итоге получался совершенно непохожий на apple.com, но этого, собственно, и добивался клиент. И вроде бы у дизайнера получилось, но… Клиенту по-прежнему не нравилось, он всё равно требовал переделать макет. По его ощущения «что-то было ну совсем не так». А что именно — тот объяснить был не в силах. Вот и возник вопрос у моего коллеги по поводу того, как угодить капризам клиента и понять его чаяния. Оказалось всё не так просто, но вполне объяснимо. Я и раньше сталкивался с данной проблемой. Поэтому решил попробовать изложить свои мысли по этому поводу.

Итак, какова ситуация в области современной веб-типографики и какими способами следует решать возникающие проблемы?
Читать дальше →
Всего голосов 128: ↑120 и ↓8 +112
Просмотры26.6K
Комментарии 41

Веб-типографика сегодня. Часть II

Типографика
Часть IЧасть IIЧасть IIIЧасть IVЧасть V — Часть VI

Часть II



Во-первых, увеличились размеры экранов, улучшилась чёткость отображения и качество передачи цветов. В наше время всё реже используются старые ЭЛТ-дисплеи с небольшим разрешением, выпуклым экраном, мерцанием или ограниченной цветопередачей (помните CGA/EGA/VGA?). Фактически, количеством таких мониторов по сравнению с современными плоскими ЖК-дисплеями уже сегодня можно смело пренебречь. Изменились и негласные стандарты de facto и для разрешения: если в самом начале сайты создавались под размер экрана в 640х480 пикселей, потом для 800х600, то сегодня используется стандарт 1024х768. С появлением широкоэкранных (wide) мониторов начал было маячить новый стандарт 1280х960, но большую популярность в последнее время приобрели компактные устройства вроде Asus eeePC или Apple iPhone, так что не исключён факт возвращения в качестве стандарта разрешения меньшего, чем 1024х768. Впрочем, в данном случае это не столь важно, поскольку в любом случае на сегодняшний день разрешение экрана напрямую зависит от его физического размера, а величина одной отображаемой точки достаточно мала по сравнению с пикселями десятилетней давности, что позволяет на любых современных устройствах отображать шрифты одинаково качественно. Это, кстати, приводит и ко второму фактору.

Читать дальше →
Всего голосов 89: ↑82 и ↓7 +75
Просмотры6.2K
Комментарии 55

Веб-типографика сегодня. Часть III

Типографика
Часть IЧасть IIЧасть IIIЧасть IVЧасть V — Часть VI

Часть III



Оказалось, что аж ещё со времён Windows 98 в стандартный комплект включается шрифт под названием Lucida Sans Unicode, который особо нигде не используется. Попробуем заменить им эппловский Lucida Grande.
Читать дальше →
Всего голосов 72: ↑67 и ↓5 +62
Просмотры22.1K
Комментарии 62

«Большая» типографика как часть дизайна

Типографика
Традиционно, в Web, типографика не является основой дизайна. Но, она может
доминировать, преобладать и быть повсюду! Весьма смело…

Читать дальше →
Всего голосов 58: ↑45 и ↓13 +32
Просмотры6K
Комментарии 27

Веб-типографика сегодня. Часть IV

Типографика
Часть IЧасть IIЧасть IIIЧасть IVЧасть V — Часть VI

Часть IV



Итак, настала пора выяснить, какие шрифты и с какой долей вероятности могут оказаться установленными в тех или иных операционных системах либо в результате каких-то особых ситуаций (например, при установке пакетов Microsoft Office, Adobe Creative Suite или CorelDRAW! Suite), либо в «девственно чистых» ОС (что, несомненно, наиболее приемлемый вариант). А также узнать, какие из этих шрифтов пригодны для использования и в каких конкретно случаях.

Читать дальше →
Всего голосов 94: ↑89 и ↓5 +84
Просмотры41K
Комментарии 105

Краудсорсинг шрифтов

Типографика
Краудсорсинг проникает в разные немыслимые области. Взять, к примеру, разработку шрифтов. Раньше этим занимались специализированные компании или вынужденно переквалифицированные дизайнеры, вроде сотрудников студии Лебедева. В результате мы получаем или закрытый продукт, недоступный для сообщества дизайнеров, или непомерно дорогой. Типичная стоимость коммерческого шрифта колеблется в районе $30-40.

Слава богу, теперь всё меняется благодаря краудсорсингу. Разработка шрифтов оказалась отличным применением для концепции UGC, как показывает пример онлайнового редактора шрифтов и сервиса FontStruct.

Выпуск редактора шрифтов FontStruct состоялся в апреле. Программа, с помощью которой любой желающий может легко и быстро создать собственный шрифт, так понравилась пользователям, что в первые дни работы сайт едва справлялся с нагрузкой. К настоящему времени пользователи нарисовали уже почти 2000 фонтов самого разного вида и предназначения. Все файлы DIY абсолютно бесплатны для скачивания.


Читать дальше →
Всего голосов 36: ↑33 и ↓3 +30
Просмотры2.9K
Комментарии 26

Веб-типографика сегодня. Часть V

Типографика
Часть IЧасть IIЧасть IIIЧасть IVЧасть V — Часть VI

Часть V



Очевидно, что в сфере высоких технологий развитие зачастую происходит быстро и бурно. Так произошло и со средствами отображения информации. В течении каких-то двух-трёх лет обычные ЭЛТ-мониторы почти целиком и полностью были вытеснены стремительно дешевеющими ЖК-собратьями. Что позволило существенно улучшить как геометрию отображения, так и цветопередачу, а также снизить утомляемость глаз за счёт отсутствия вредного мерцания. И если несколько лет назад подобное утверждение в пользу TFT-панелей можно было бы оспорить, то теперь этот факт не вызывает ни у кого сомнений: ЖК-дисплеи намного лучше для повседневной работы рядового пользователя. В связи с этим фактором возникла необходимость поиска качественно новых алгоритмов отображения шрифтов. Одно из таких решений пусть не сразу, но всё же получило определённое признание в среде пользователей, и на сегодняшний день является чуть ли не самым популярным на современных платформах. Речь, конечно же, о технологии рендеринга ClearType, которая послужила причиной разработки новых веб-ориентированных шрифтов…

Читать дальше →
Всего голосов 2: ↑2 и ↓0 +2
Просмотры25.3K
Комментарии 121

Замена шрифтов веб-страниц

Чулан
После прочтения «Веб-типографика сегодня. Часть V» мне захотелось избавиться от уже приевшихся шрифтов, которые используются на большинстве веб-страниц. Было бы неплохо заменить некоторые из них (например, Arial, Verdana, Tahoma, Times New Roman, Georgia) на более современные (Calibri, Corbel, Constantia).
Читать дальше →
Всего голосов 19: ↑10 и ↓9 +1
Просмотры661
Комментарии 17