Cairo Play

Попробовать Cairo Play

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

• ExtraLight 200Cairo Play ExtraLight
• Light 300Cairo Play Light
• Regular 400Cairo Play Regular
• Medium 500Cairo Play Medium
• SemiBold 600Cairo Play SemiBold
• Bold 700Cairo Play Bold
• ExtraBold 800Cairo Play ExtraBold
• Black 900Cairo Play Black

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

О шрифте Cairo Play

Cairo Play — цветной шрифт без засечек, созданный на основе Cairo. В официальных заметках он описан как версия Cairo с цветными знаками, построенная на таблицах шрифта COLRv0 и CPAL, так что цвета переносятся внутри самого файла шрифта. По устройству он повторяет родителя: это дизайн для арабской письменности и латиницы, в котором латинские буквы, как видно на образце, слегка сужены, с квадратными изгибами, прямыми окончаниями штрихов и низким контрастом. Единственный вариативный файл содержит ось насыщенности от 200 до 1 000 с восемью именованными экземплярами от ExtraLight 200 до Black 900 и ось наклона от −11 до 11 вместо отдельных файлов курсива. В нём 1 898 глифов в подмножествах арабского, латиницы и расширенной латиницы. Указаны авторы Mohamed Gaber и Accademia di Belle Arti di Urbino, а лицензия — SIL Open Font License 1.1.

Где уместен Cairo Play

Арабские заголовки с цветными знаками

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

Учебные и читательские материалы

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

Двуязычная графика для брендов

Арабская письменность и латиница построены в одном дизайне, а ось насыщенности доходит до плотного Black для коротких заголовков в соцсетях.

Анимированные и интерактивные заголовки

Насыщенность от 200 до 1 000 и наклон от −11 до 11 можно анимировать из одного вариативного файла.

Глифы

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

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

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

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

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

Лицензия

Шрифты в пару к Cairo Play

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

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

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

@font-face {
  font-family: "Cairo Play";
  src: url("/assets/fonts/CairoPlay-VariableFont_slnt%2Cwght.ttf") format("truetype");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Cairo+Play:wght@200..1000&display=swap" rel="stylesheet">

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

Для цвета нужна поддержка COLRv0

Цвета хранятся в таблицах COLR и CPAL. Программы, которые их не читают, показывают глифы одним цветом.

Ось наклона вместо курсива

Файлов курсива нет. Ось наклона отклоняет буквы до 11 градусов в любую сторону.

Ось выходит за пределы именованных насыщенностей

Восемь именованных экземпляров заканчиваются на Black 900, тогда как сама ось насыщенности доходит до 1 000.

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

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

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