Doto

Попробовать Doto

Насыщенности и начертания

• Thin 100Doto Thin
• ExtraLight 200Doto ExtraLight
• Light 300Doto Light
• Regular 400Doto Regular
• Medium 500Doto Medium
• SemiBold 600Doto SemiBold
• Bold 700Doto Bold
• ExtraBold 800Doto ExtraBold
• Black 900Doto Black

Doto — вариативный шрифт: весь диапазон насыщенностей в архиве умещается в одном файле, а названные выше насыщенности — точки в этом диапазоне.

О шрифте Doto

Doto — это акцидентный шрифт из точек: каждый знак представляет собой узор из мелких отдельных элементов на сетке, как печать матричного принтера или светодиодная вывеска. На образце точки квадратные, у прописных, таких как D и I, есть небольшие брусковые основания, а узкие буквы вроде i и l занимают столько же места, сколько широкие. Семейство — вариативный шрифт с двумя осями. Насыщенность идёт от 100 до 900 и включает девять именованных насыщенностей, от Thin до Black, и меняет размер каждой точки: светлый край выглядит как слабый след, а тяжёлый — как сплошная матрица. Roundness идёт от 0 до 100. В шрифте 320 глифов для латиницы и расширенной латиницы, курсива нет. Автором указан Óliver Lalan.

Где уместен Doto

Заголовки в стиле табло

Буквы из сетки точек придают заголовку вид табло отправления, бегущей строки или печатного чека.

Счётчики и таймеры

Цифры, нарисованные на той же сетке, что и буквы, подходят для счёта, обратного отсчёта и крупных показателей.

Анимация насыщенности

Ось насыщенности от 100 до 900 увеличивает или уменьшает каждую точку, и это можно анимировать, чтобы слово проявлялось.

Квадратные или смягчённые точки

Ось Roundness от 0 до 100 меняет форму точек, не меняя рисунка букв.

Брендинг технологий и электроники

Короткое название продукта матричными буквами отсылает к оборудованию, дисплеям и коду.

Глифы

Поддержка языков

В семействе есть основные буквы, которыми пишут на этих языках:

• Английский
• Французский
• Немецкий
• Испанский
• Португальский
• Итальянский
• Нидерландский
• Шведский
• Норвежский
• Датский
• Финский
• Исландский
• Каталанский
• Турецкий
• Польский
• Чешский
• Словацкий
• Венгерский
• Румынский
• Хорватский
• Словенский
• Литовский
• Латышский
• Эстонский

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

Лицензия

Шрифты в пару к Doto

Пары подобраны по простым правилам: контрастная классификация и достаточно насыщенностей для основного текста. Это отправная точка, а не окончательный выбор.

Подключение Doto на сайте

Скачайте семейство, разместите файлы на своём сайте и подключите их в CSS. Не ссылайтесь на файлы с trendhub.net: здесь лежат урезанные файлы для превью, и их адреса меняются.

@font-face {
  font-family: "Doto";
  src: url("/assets/fonts/Doto-VariableFont_ROND%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Doto", sans-serif;
}

Или подключите шрифт из официального источника. Google Fonts отдаёт Doto с такой разметкой:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap" rel="stylesheet">

Что важно знать

Две оси в одном файле

В загрузке один вариативный шрифт с осью насыщенности (от 100 до 900) и осью Roundness (от 0 до 100).

Точкам нужен размер

В мелких размерах, особенно в светлых насыщенностях, отдельные точки истончаются, и буквы становится трудно различить.

Курсива нет

У Doto девять прямых насыщенностей и нет наклонного начертания.

Вопросы и ответы

Подборки с Doto

• Пиксельные и аркадные шрифты

  Акцидентные шрифты в стиле растровой графики и матричной печати, по мотивам экранов игр, терминалов и светодиодных панелей 1980-х: для ретро-игр и технической графики.

Похожие шрифты

Другие семейства той же классификации, по числу общих тегов назначения. Все шрифты в категории «Акцидентные»