Coustard

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

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

• Regular 400Coustard Regular
• Black 900Coustard Black

О шрифте Coustard

Coustard — брусковый шрифт, нарисованный для акцидентного и текстового использования на сайтах. Засечки толстые и тупые, соединены со штрихами лёгким изгибом, а разница между толстыми и тонкими штрихами невелика, поэтому слова образуют тёмную ровную полосу. Буквы широкие, с крупными круглыми внутрибуквенными просветами, цифры столь же широкие; в насыщенности Black штрихи утолщаются настолько, что просветы становятся маленькими отверстиями. По официальным заметкам, Coustard вырос из ответвления Tienne, другого семейства с открытой лицензией. Две насыщенности, Regular 400 и Black 900, курсива нет, шрифт не вариативный. В каждом шрифте 361 глиф для латиницы и расширенной латиницы. Автором указан Vernon Adams, Coustard распространяется по лицензии SIL Open Font License 1.1.

Где уместен Coustard

Заголовки на сайтах

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

Текст статей и вступления

У Regular низкий контраст и крепкие засечки, а в заметках о шрифте сказано, что он рассчитан на чтение в браузерах на компьютерах и телефонах.

Врезки и подзаголовки

Переход от Regular к Black даёт сильный контраст между цитатой и окружающим текстом.

Плакаты и подписи

Блочные засечки и широкие буквы плотно заполняют строку в коротких фразах.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

body {
  font-family: "Coustard", serif;
}

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

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

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

Курсива нет

Обе насыщенности прямые. Для выделения внутри текста придётся использовать Black или другой приём.

Между Regular и Black ничего нет

Насыщенности находятся на 400 и 900, промежуточных Medium и Bold нет.

Родственник Tienne

В официальных заметках Coustard назван ответвлением семейства Tienne.

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

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

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