Pull to refresh

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

Typography *


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

Новый шрифт от Google поддерживает корректное отображение всех символов юникода, то есть более 800 языков и 110000 символов.
Читать дальше →
Total votes 51: ↑51 and ↓0 +51
Views 28K
Comments 51

ИИ от Facebook воспроизводит почерк по фотографии одного слова

Typography *Algorithms *Image processing *Machine learning *Artificial Intelligence

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

Читать далее
Total votes 11: ↑11 and ↓0 +11
Views 2.9K
Comments 6

Центризбирком РФ обфусцировал статистические данные выборов на своем сайте, вероятно, чтобы затруднить их анализ

Website development *Cryptography *Reverse engineering *Legislation in IT Statistics in IT

Российский ученый Сергей Шпилькин, известный своими исследованиями статистических аномалий в результатах российских выборов, в своем фейсбуке сообщил о том, что на сайте Центризбиркома РФ невозможно скопировать данные со страницы с результатами выборов.

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

Ссылка на страницу с примером: http://www.primorsk.vybory.izbirkom.ru/region/izbirkom?action=show&root=252000008&tvd=4254005265098&vrn=100100067795849&prver=0&pronetvd=null&region=25&sub_region=25&type=242&report_mode=null

Читать далее
Total votes 193: ↑189 and ↓4 +185
Views 77K
Comments 572

Для коренных народов РФ разработают клавиатурные раскладки и шрифты

Periphery Learning languages

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

Читать далее
Total votes 9: ↑7 and ↓2 +5
Views 1.7K
Comments 22

«Ъ»: некоторые госсайты не убрали загружаемый код с иностранных ресурсов

Information Security *Programming *Legislation in IT

Некоторые федеральные и региональные ведомства продолжают использовать на своих сайтах код, загружаемый с зарубежных ресурсов. С ним продолжают работать сайты Федеральной налоговой службы, Следственного комитета, Минприроды и областных правительств. Таким образом, некоторые ведомства до сих пор не выполнили предписания Минцифры от 5 марта, которые нужно было исполнить до 11 марта.

Читать далее
Total votes 5: ↑4 and ↓1 +3
Views 2.6K
Comments 3

В РФ будет создана своя библиотека шрифтов

Graphic design *Software

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

Читать далее
Total votes 6: ↑6 and ↓0 +6
Views 2.8K
Comments 7

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

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

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

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

Думаю, многим будет интересно, а некоторым даже полезно :)
Total votes 21: ↑18 and ↓3 +15
Views 528
Comments 11

Шрифты в Mac OS X

Lumber room
Дорогие друзья!

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

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

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

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

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

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

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

Lumber room
Просто интересно какие шрифты стоят в вашем редакторе программного кода…
Отписываемся в комментах.
ЗЫ: У меня стоит Cambria, но хочется чего-нибудь нового и более удобного.
Total votes 12: ↑12 and ↓0 +12
Views 440
Comments 41

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

Website development *
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
Rating 0
Views 643
Comments 0

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

Lumber room
Заметил, что если в заголовке поста 2+ строчек, то они немного залазят друг на друга, а шрифт выглядит кривовато. Кто заметил то же? Возможно это ошибка Оперы, а возможно — лейаута страницы.
Total votes 6: ↑1 and ↓5 -4
Views 288
Comments 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.
Total votes 34: ↑34 and ↓0 +34
Views 1.3K
Comments 20

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

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

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

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

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

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

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


Читать дальше →
Total votes 86: ↑82 and ↓4 +78
Views 7.2K
Comments 47

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

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

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

Теперь, когда вышесказанное вам известно,
перейдём к делу
Total votes 66: ↑50 and ↓16 +34
Views 3K
Comments 77

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

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

Читать дальше →
Total votes 5: ↑5 and ↓0 +5
Views 1K
Comments 7

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

Typography *
Часть IЧасть IIЧасть IIIЧасть IVЧасть V — Часть VI

Часть I



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

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

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

Typography *
Часть 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. Впрочем, в данном случае это не столь важно, поскольку в любом случае на сегодняшний день разрешение экрана напрямую зависит от его физического размера, а величина одной отображаемой точки достаточно мала по сравнению с пикселями десятилетней давности, что позволяет на любых современных устройствах отображать шрифты одинаково качественно. Это, кстати, приводит и ко второму фактору.

Читать дальше →
Total votes 89: ↑82 and ↓7 +75
Views 6.4K
Comments 55

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

Typography *
Часть IЧасть IIЧасть IIIЧасть IVЧасть V — Часть VI

Часть III



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