Chivo

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

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

• Thin 100Chivo Thin Thin Italic
• ExtraLight 200Chivo ExtraLight ExtraLight Italic
• Light 300Chivo Light Light Italic
• Regular 400Chivo Regular Курсив
• Medium 500Chivo Medium Medium Italic
• SemiBold 600Chivo SemiBold SemiBold Italic
• Bold 700Chivo Bold Bold Italic
• ExtraBold 800Chivo ExtraBold ExtraBold Italic
• Black 900Chivo Black Black Italic

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

О шрифте Chivo

Chivo — семейство гротесков и, по словам издателя, первый гротеск Omnibus-Type; название по-испански означает «козёл». На образце буквы широкие и прямые, штрихи почти одной толщины, c, e и s заканчиваются плоскими горизонтальными срезами, «a» двухэтажная, а хвостик Q пересекает чашу. В официальных заметках для акцентов и заголовков выделен Black, а для сплошного чтения — Regular. В октябре 2022 года семейство переработали в вариативный шрифт от Thin до Black с подходящими курсивами и расширили набор глифов, чтобы он обслуживал больше языков. Ось насыщенности идёт от 100 до 900, девять именованных насыщенностей есть в прямом и курсивном вариантах — 18 начертаний в двух вариативных файлах. В шрифтах 811 глифов, подмножества — латиница, расширенная латиница и вьетнамский. Семейство разработал Héctor Gatti, издаётся оно по лицензии SIL Open Font License 1.1.

Где уместен Chivo

Заголовки в стиле первой полосы

Black 900 — насыщенность, которую издатель выделяет для акцентов, а её широкие буквы заполняют колонку.

Текст статей

Regular с курсивом справляется со сплошным чтением, а Medium и SemiBold подходят для подзаголовков.

Типографские шкалы интерфейса

Ось от 100 до 900 позволяет дизайн-системе выбирать промежуточные насыщенности для подписей, значений и состояний.

Вьетнамские издания

Вьетнамское подмножество содержит составные диакритические знаки, которые нужны этому языку, во всех насыщенностях и в курсиве.

Айдентика на одном семействе

Восемнадцать начертаний закрывают заголовки, основной текст и мелкий шрифт без второй гарнитуры.

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Chivo";
  src: url("/assets/fonts/Chivo-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Chivo";
  src: url("/assets/fonts/Chivo-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Chivo:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

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

Два вариативных файла

Прямое начертание и курсив — отдельные файлы, и каждый содержит весь диапазон от 100 до 900.

Единственная ось — насыщенность

Оси ширины и оптического размера нет.

Нет кириллицы и греческого

Подмножества — латиница, расширенная латиница и вьетнамский.

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

Подборки с Chivo

• Гротески

  Гротески и неогротески: простые, крепкие, чуть неровные рабочие шрифты для брендинга, изданий и интерфейсов.

• Семейства шрифтов с девятью насыщенностями и курсивом

  Полные семейства от Thin до Black с курсивом для каждой насыщенности: восемнадцать начертаний для цельной типографской системы.

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

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