Chakra Petch

Попробовать Chakra Petch

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

• Light 300Chakra Petch Light Light Italic
• Regular 400Chakra Petch Regular Курсив
• Medium 500Chakra Petch Medium Medium Italic
• SemiBold 600Chakra Petch SemiBold SemiBold Italic
• Bold 700Chakra Petch Bold Bold Italic

О шрифте Chakra Petch

Chakra Petch — семейство квадратных гротесков для тайского письма и латиницы. Круглые буквы вроде «O», «C» и «e» нарисованы прямоугольниками, а там, где кривая поворачивала бы за угол, контур срезан по диагонали — всего заметнее в «a», «g» и цифрах на образце. Толщина штриха везде одинаковая, строчные высокие. Официальное описание сообщает, что в тайской части сохранены традиционные формы букв с петлями. В семействе пять насыщенностей — Light 300, Regular 400, Medium 500, SemiBold 600 и Bold 700 — и к каждой парный курсив в десяти статических файлах; шрифт не вариативный. 773 глифа охватывают подмножества Latin, расширенной латиницы, тайского и вьетнамского. Google Fonts указывает Cadson Demak, а в таблице name дизайнером назван Katatrad Aksorn. Chakra Petch добавлен в Google Fonts в 2018 году и выпущен под SIL Open Font License 1.1.

Где уместен Chakra Petch

Панели мониторинга и пульты управления

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

Продукты на тайском и английском

Тайское письмо и латиница построены в одном стиле, поэтому в двуязычном интерфейсе угловатый характер сохраняется в обоих письмах.

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

SemiBold и Bold придают квадратным формам достаточную массу для титульного экрана или баннера.

Подписи и характеристики

Light и Regular с курсивами справляются с подписями, единицами измерения и второстепенными заметками рядом с более жирными заголовками.

Глифы

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

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

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

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

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

Лицензия

Шрифты в пару к Chakra Petch

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

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

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

@font-face {
  font-family: "Chakra Petch";
  src: url("/assets/fonts/ChakraPetch-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Chakra Petch";
  src: url("/assets/fonts/ChakraPetch-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Chakra Petch";
  src: url("/assets/fonts/ChakraPetch-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Chakra Petch";
  src: url("/assets/fonts/ChakraPetch-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* …and 6 more files in the package, declared the same way */

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

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

<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=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">

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

Десять статических файлов

Каждая насыщенность и каждый курсив — отдельный файл TTF. Вариативной версии в пакете нет.

Диапазон заканчивается на Bold 700

Самое светлое начертание — Light 300, самое жирное — Bold 700; Thin и Black нет.

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

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

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

Подборки с Chakra Petch

• Квадратные гротески для технических и игровых интерфейсов

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

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

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