Если вы работали с сайтами, содержащими много длинных текстов, особенно с сайтами на CMS, где пользователи работают в WYSIWYG-редакторе, то вы наверняка писали CSS для управления междустрочными интервалами между различными элементами типографики — заголовками, параграфами, списками и т. д.
Привет, Хабр! Меня зовут Станислав Игнатьев, я начальник отдела дизайна продуктов сервисов X5 Group. Мы проектируем интерфейсы для внешних и внутренних сервисов, например: подписка «Пакет», приложение «Пятёрочка», цифровая платформа для поставщиков Dialog.X5, приложения для работы сотрудников.
Сегодня я хотел бы рассказать, как и зачем мы создавали собственный шрифт.
В предыдущей статье я подробно разобрал проблемы связанные со шрифтами для темной темы и причины их актуальности. В данном материале смотрим на то, какие есть решения и что предлагает индустрия. + figma файл с адаптированным мной под темную тему стандартным текстовым набором стилей Material Design для Roboto.
Я обожаю темные интерфейсы: в по для кодинга и работы с графикой. То есть там, где текст не нужно читать, а только считывать знакомые иконки и слова. А вот темная тема — шрифтовой ад, в котором нарушен базовый принцип типографики — контрастность. Увы, но сегодня не существует ни одного шрифта и алгоритма растеризации для темной темы для создания полноценных интерфейсов. И вот почему.
В средневековых рукописях слова не разделялись пробелами. И кавычек там тоже не было. По мере отрыва письменной речи от устной всё нужнее становились пробелы, по мере отрыва цитаты от контекста всё нужнее становились кавычки, а по мере развития культуры цитирования всё чаще возникали ситуации, когда один цитирует другого, который цитирует третьего, который приводит слова четвёртого… И как же различать, где кто?
В свое время, мне надоело пересылать бесконечные ссылки на статьи и материалы своим студентам. Тогда я взял и собрал свое «полное» руководство, первой версией которого и делюсь с вами. А поскольку дизайн — это всегда борьба с шаблонами восприятия, я отказался от привычных «страниц» для каждого раздела, ведь digital свободен от ограничений печати. Так и получился первый «гранд-рид».
Всем привет! Меня зовут Денис Сбитний, я руковожу группой дизайна в дизайн-системе Авито. В этой статье я расскажу, как мы применили новый подход к типографике, описали в дизайне и упростили её реализацию в разработке.
Эта статья может быть интересна как дизайнерам, так и разработчикам. Здесь будет всё: отступы, кегли, интерлиньяжи и, конечно же, токены.
Коммуникация между людьми работает крайне ущербно. Думаем одно, говорим другое, слышим третье, а понимаем относительно личной картины мира. Представьте, сколько информации теряется по дороге. Теперь прибавьте сюда то, что немногие способны формулировать свои мысли, и ещё меньше владеют ораторским мастерством. Удивительно, что нам вообще удаётся о чём-то договариваться.
Чтобы общаться с наименьшими потерями, люди изобрели ряд способов, вербальных и визуальных: языки, жесты, мимика, одежда, текстура, цвет, знаки и символы, — всё, что способно сделать восприятие более объёмным. Некоторые виды коммуникаций работают эффективнее других, но не идеально. Например, картинка точнее слов.
Чтобы преодолеть недостатки естественных языков, лингвист Джон Кихада спроектировал априорный (не основанный на естественных) логикофилософский ифкуиль. В нём не бывает двусмысленности, разночтений и исключений. Ифкуиль работает по принципу «смыслового сжатия»: даже 2 слова способны заменить предложение из 20 слов русского языка. Пример из любимого:
«Onxeizvakcispourboi» означает «эмоциональное и психологическое состояние, возникающее у человека тогда, когда он слишком поздно осознаёт, что поступки, совершённые им, и вытекающие из них последствия постепенно убили надежды его возлюбленного или возлюбленной на то, что их отношения будут долгими и моногамными».
Одна из самых частых проблем при миграции информационных систем на ОС Astra Linux — это искажение документов, ранее созданных на ОС Windows в MS Office и других программных средствах. В лучшем случае «слетает» вёрстка, в худшем — всё превращается в текст из нечитаемых символов, известных в народе как кракозябры.
Зачастую эти проблемы связаны со шрифтами. В этой статье мы расскажем, что нужно знать об их применении, и как избежать указанных неприятностей.
В какой степени шрифт-реконструкция должен быть похож на оригинал? Какие черты оригинала сохранить, а какие изменить? И если изменить, то как? Таковы проблемы, с которыми сталкивается каждый реконструктор. Уильям Берксон рассказывает, как работал над своей версией шрифта Caslon.
Шрифты — объект интеллектуальной собственности, о котором часто забывают, хотя они используются почти везде. Нарушение авторских прав на шрифт может притаиться где угодно — на этикетке макарон, книжной обложке и даже в оформлении телешоу. Недавно такой конфликт даже проявился в политике. В июне 2022 года площадь в Москве переименовали в площадь ДНР и украсили ее тематическими баннерами. Украинские дизайнеры Олесь Гергун и Евгений Анфалов заявили*, что в оформлении баннеров был незаконно использован их шрифт KTF Jermilov, разработанный специально в поддержку Украины.
В юридическом порядке отстоять свои права украинцы вряд ли смогут. Но если бы они находились в российском правовом пространстве или «дружественном» государстве, у них были бы все шансы на победу — в таких разбирательствах суды обычно встают на сторону дизайнеров. Рассказываем как защитить интеллектуальную собственность на свой шрифт и не нарушить чужие права вместе с сотрудницей «Онлайн Патента», патентной поверенной Еленой Купцовой и Сергеем Бобрышевым, коммерческим директором компании «ПараТайп», крупнейшего российского магазина шрифтов.
Всем привет!
Именно так начался пост десятилетней давности о появившемся сайте со шрифтами. Да, вот так незаметно пролетели 10 лет, и по меркам интернета это, пожалуй, возраст человека, который уже закончил учиться и вышел в свободное плавание. Так и наш проект, пройдя все переделки, стабилизировался в своем функционале и движется по заданному курсу. Но за все это время одно осталось неизменным — бесплатные шрифты и свободный доступ к ним.
Сегодня рассказываем о палитрах CSS в работе с многоцветными шрифтами COLRv1, которые поддерживаются в последних Chrome и Edge, и, конечно, показываем их возможности к старту курса по Frontend-разработке.
Рассказываю, какими шрифтами можно заменить заблокированные Times New Roman, Arial и Helvetica и где скачать аналоги.
На прошлой неделе компания Monotype — владелец прав на популярные шрифты Times New Roman, Verdana, Arial, Helvetica и Tahoma — объявила об ограничении доступа из России к своей библиотеке и сообщила о приостановке взаимодействия с российскими организациями. Новость стала еще одним поводом обратить внимание на специфику использования проприетарных шрифтов в бизнес-среде – проблему, которая выходит далеко за рамки ситуации с Monotype. Речь о возможных сложностях при отображении существующих документов и шаблонов, особенно при работе с различными таблицами, формами и автоматически формируемыми файлами из информационных систем.
Для минимизации подобных проблем мы в МойОфис еще шесть лет назад представили свои шрифты XO_Fonts. Они свободно распространяются и доступны бесплатно. Сегодня этот набор состоит из 11 шрифтов и 24 начертаний. Их особенностью является метрическая совместимость с распространенными проприетарными шрифтами, которая позволяет сохранить оригинальное форматирование и верстку документов, ранее созданных с использованием популярных иностранных шрифтов.
Некоторое время назад на D-Russia была опубликована история создания XO_Fonts. Теперь мы предлагаем ознакомиться с ней и читателям Хабра.
Почему важно тестить на устройствах, которыми пользуются ваши пользователи, а также немного об Emoji
Привет Хабр! Друзья зовут меня Данил, я web-разработчик в МегаФоне и работаю над системой обработки обращений наших пользователей. А их у нас огромное количество, и я каждый раз удивляюсь богатому русскому языку.
Под катом хочу рассказать о том, как мы внедряли emoji-клавиатуру в нашу систему DARM. С какими проблемами столкнулись и чего нам это стоило. Прочитавшим до конца плюс в карму и оберег от ошибок.
Большинству людей знаком этот гипнотический ритм, подобный биению сердца или пульсации светофора в полночь. От Microsoft Word до Google Docs, мигающий курсор — это спутник, заставляющий нас работать с текстовыми документами, сообщениями и непослушными поисковыми запросами Google. Когда мы не успеваем написать что-то, мигающий курсор терпеливо спрашивает:
