Coda

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

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

• Regular 400Coda Regular
• ExtraBold 800Coda ExtraBold

О шрифте Coda

Coda — это акцидентное гротесковое семейство, круглые буквы которого нарисованы как скруглённые прямоугольники. На образце Regular узкий и вертикальный, с плоскими боками у «o», «c» и «e», прямыми окончаниями штрихов и знаком процента из двух маленьких квадратов; ExtraBold намного тяжелее и шире, с крошечными внутрибуквенными просветами, и читается как блок. В официальных заметках объясняется это разделение: самое тяжёлое начертание сделано как простой практичный акцидентный шрифт для веба, который ставят крупно там, где информация должна бить сильно, а Regular сопровождает его в тексте и заголовках. Поэтому в семействе две насыщенности, курсива нет, и оно не вариативное. 393 глифа покрывают латиницу и расширенную латиницу. Автор — Vernon Adams, а в уведомлении об авторских правах зарезервированы имена Coda и Coda Caption. Coda выпущен под лицензией SIL Open Font License 1.1.

Где уместен Coda

Крупные заголовки на сайтах

ExtraBold 800 нарисован именно для этого: несколько тяжёлых блочных слов в верхней части страницы.

Баннеры и выноски

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

Заголовки для технологичных и игровых страниц

Формы «o», «c» и «e» в виде скруглённых прямоугольников придают заголовкам машинный угловатый вид.

Подписи и короткий текст

Regular 400 узкий и ровный, поэтому справляется с пунктами навигации, подписями и короткими абзацами рядом с тяжёлым начертанием.

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Coda";
  src: url("/assets/fonts/Coda-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Coda";
  src: url("/assets/fonts/Coda-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Coda:wght@400;800&display=swap" rel="stylesheet">

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

Между 400 и 800 ничего нет

Coda перескакивает от Regular сразу к ExtraBold. Промежуточных Medium или Bold нет.

Нет курсива

Оба начертания прямые.

Зарезервированные имена шрифта

В уведомлении об авторских правах зарезервированы имена Coda и Coda Caption, поэтому изменённым версиям нужно другое имя.

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

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

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