Depicto — це піксельний шрифт із асиметричними засічками, що зображує емодзі у грубих мозаїчних формах і представлений двома стилями, які чудово доповнюють один одне — Mono (звичайний шрифт) і Mosaic (кольоровий шрифт). Основною особливістю шрифту є великий набір піктограм, які активуються за допомогою стилістичного набору 1 та друкуються прямо в тексті за допомогою ключових слів на кшталт :smile: :happy: :sad: :pear: :rose: :horse: :bike: :house: тощо. Дивіться повний перелік більш ніж 600 піктограм в Specimen pdf.

Концепт

У дитинстві я любив грати пластиковим конструктором. І звичайно ж, мені подобалися 8-бітні відеоігри. Все це знайшло відображення в шрифті Depicto. З огляду на 8-бітність майже всі розміри кратні 8 – елементи літер мають ширину 80 пунктів і довжину 80, 160, 240, 400 тощо, так само як і відстань між літерами та вертикальні метрики.

Хоча й натхненний пікселізацією, шрифт все ж грає з власною геометрією. Використовуючи прості квадратні форми, він балансує між піксельною сіткою та діагональною мозаїкою. Побудова літер заснована на прямокутниках – горизонтальних, вертикальних і повернених на 45 градусів. Важливо відзначити, що літери складаються з окремих непересічних елементів, кожен з яких у стилі Depicto Mosaic пофарбований у різні кольори.

Шрифт також використовує верхні ліві та нижні праві горизонтальні засічкові штрихи. Такі асиметричні засічки характерні для української типографії ще з часів Георгія Нарбута. Їх діджиталізація та пікселізація дозволяє побачити художні константи під новим кутом.

Технічні деталі

Specimen: https://michaelrafailyk.com/typeface/specimen/Depicto.pdf
Стилі: Mono, Mosaic COLOR (кольоровий шрифт), Mosaic SVG(кольоровий шрифт)
Писемності: Латинка (розширена), Кирилиця (європейська + азійська), Гречка, Іврит, Арабиця, Грузиниця.
Мови: 500+ перелік підтримуваних мов: https://michaelrafailyk.com/depicto
Кернінг: 906 пар класів
Хінтинг: Ручний PostScript
Формат: OTF – OpenType із PostScript контурами

Функція

Кольорові шрифти Mosaic COLOR (для веб браузерів та Windows програм) та Mosaic SVG (для програм Adobe) присвячений моїй любові до кольорового пластикового конструктору. Кожен елемент літери забарвлений у випадковий, але неповторюваний колір із палітри з 17 попередньо визначених кольорів. Ця палітра підібрана таким чином, щоб вона виглядала досить контрастно як на білому, так і на чорному тлі. Але, звичайно, ви можете змінити палітру в Photoshop, використовуючи Color Overlay в Blending Options (див. приклади на останніх промо зображеннях), або в Illustrator, перетворивши текст на контури, а потім Recolor Arkwork.

Кольорові шрифти підтримуються починаючи з: Photoshop CC 2017, Illustrator CC 2018, InDesign CC 2019, QuarkXPress 2018, Pixelmator (macOS 10.14), Sketch (macOS 10.14), Affinity Designer (macOS 10.14), Paint.NET (Windows 10), Microsoft Word (Windows 10), Windows 10, macOS 10.13 High Sierra, Safari 11 (macOS 10.13, iOS 12), Chrome 70, Firefox 26, Opera 58, Edge 12 (Windows 10), IE 9 (Windows 8).

Додатки, які ще не підтримують кольорові шрифти: Figma, Adobe XD, Premiere Pro, After Effects. В цих програмах, стиль шрифту Depicto Mosaic буде відображатись стандартним чорним кольором.

Stylistic Set 1 “Pictograms”: Основна особливість шрифту — великий набір із понад 600 піктограм і смайлів. Дивіться повний перелік піктограм і їхніх ключових слів у пдф-файлі Specimen. Цей набір не охоплює всі можливі піктограми юнікоду, але включає найбільш популярні, і набір може бути розширено в майбутніх оновленнях шрифту. Є три способи використання піктограм.
1. Шляхом ручного вибору піктограм із панелі Glyphs в графічному редакторі.
2. Копіюючи піктограми зі Specimen pdf і вставляючи їх у текст.
3. Активувавши Стилістичний набір 1 і вводячи кодові назви піктограм, як то :smile: :happy: :rofl: :sad: :facepalm: :pear: :rose: :horse: :bike: :house: :laptop: тощо. Наприклад: Я дуже :happy: побачити ці чудові :tulips: та :roses: в твоєму :garden:, чудова робота :clap:. GitHub, Slack, Basecamp та інші використовують такий метод розмітки на рівні програми/сайту, але Depicto виконує цю обробку тексту на рівні шрифту, тому це доступно прямо в текстових/графічних редакторах і веб-браузерах.

Як застосувати стилістичний набір.

InDesign (2017+): Character panel > OpenType button > Stylistic Sets.
Illustrator (2017+): OpenType panel > Stylistic Sets icon.
Photoshop (2020+): Properties panel > Type Options > Stylistic Sets icon.
CSS: font-feature-settings: "ss01" 1;

Stylistic Set 2 “Change Emoji Skin Tone”: Таким чином можна змінити відтінок шкіри смайликів. У стилі Depicto Mosaic класичні жовті смайли стають коричневими. А в стилі Depicto Mono результат залежить від кольору фону – для білого фону білі обличчя замінюються чорними, і, відповідно, для чорного фону чорні обличчя замінюються білими. Пам’ятайте: коли змінюєте колір фону зі світлого на темний або навпаки (використовуючи шрифт Depicto Mono), обличчя виглядають інвертованими, і ви можете застосувати цей стилістичний набір, щоб ре-інвертувати кольори назад.

Stylistic Set 3 “Arrows”: Left <- Right ->; Up <| Down |> Left Right <-> Up Down <|> North West <\ North East /> South East \> South West Stylistic Set 4 “Circled Numbers”: Цифри замінюються цифрами в кружечку.
Stylistic Set 5 “Circled Black Numbers”: Цифри замінюються цифрами в чорному кружечку.
Small Capitals: Малі літери замінюються на малі капітелі.
Capitals to Small Capitals: Великі літери, цифри та деяка пунктуація замінюються на малі капітелі.
Figures (numbers): Lining, Oldstyle, Proportional, Tabular, Circled, Circled Black, Superscript, Subscript, Numerator, Denominator.
Fractions: ¼½¾⅐⅑⅒⅓⅔⅕⅖⅗⅘⅙⅚⅛⅜⅝⅞⅟ (прекомпоновані). Будь-які інші дроби (в тому числі введені через слеш) також відображатимуться правильно з автоматичною заміною на Numerator + fraction + Denominator.
Slashed Zero: Цифри нуль замінюються на нуль із крапкою всередині.
Ordinals: adehlnorst
Case Sensitive Forms: ()[]{}‹›«»-–—•·#%‰@ та стрілки центруються по центру висоти великих літер. Цифри старого стилю (Oldstyle Figures) замінюються на стандартні (Lining Figures).
Case conversion for monotonic Greek: ΆΈΉΊΌΎΏ. Грецькі великі літери з діакритичними знаками в режимі All Caps втрачають діакритики Тонос і зберігають лише Дієрезіс. Увімкнено за умовчанням. Якщо вам потрібні діакритики на великих грецьких літерах, вимкніть функцію Contextual Alternates (calt).
Standard Ligatures: ff
Localized Forms: Символи, замінені їх адаптованою альтернативною формою для мов: Azeri, Bulgarian, Catalan, Dutch, German, Kazakh, Macedonian, Moldavian, Polish, Romanian, Serbian, Tatar, Turkish.
Glyph Composition/Decomposition: Набір діакритики (600+ символів) прекомпонованих з базової літери та діакритичного знаку.
Mark Positioning: Діакритичні знаки позиціоновані для корректного відображення над/під базовими літерами.

Шрифт розробив Михайло Рафайлик у 2023 році та оновив і розширив мовну підтримку в 2024.