Cascadia Code

Попробовать Cascadia Code

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

• ExtraLight 200Cascadia Code ExtraLight ExtraLight Italic
• Light 300Cascadia Code Light Light Italic
• Regular 400Cascadia Code Regular Курсив
• Medium 500Cascadia Code Medium Medium Italic
• SemiBold 600Cascadia Code SemiBold SemiBold Italic
• Bold 700Cascadia Code Bold Bold Italic

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

О шрифте Cascadia Code

Cascadia Code — моноширинное семейство, где каждый знак занимает одну и ту же ширину, что хорошо видно по равномерно расставленному алфавиту на образце. Буквы, которые в других шрифтах узкие, расширены до размера ячейки: у «i», «j» и «l» длинные нижние и верхние штрихи, а у «r» плоская брусковая засечка в основании. Ноль помечен внутри, чтобы отличать его от прописной «O». Семейство — вариативный шрифт с осью насыщенности от 200 до 700 и шестью именованными насыщенностями, от ExtraLight до Bold; у каждой есть курсив, всего 12 начертаний в двух вариативных файлах. В 4 287 глифах охват выходит далеко за пределы латиницы: есть кириллица, греческий, иврит и арабский, а также вьетнамский, символы Брайля и подмножество символов. Авторские права принадлежат Microsoft Corporation, лицензия — SIL Open Font License 1.1.

Где уместен Cascadia Code

Редакторы кода

Одинаковая ширина знаков держит отступы и выровненные операторы в колонках, а помеченный ноль не спутать с «O».

Эмуляторы терминала

В шрифте есть символы Брайля и подмножество символов, которыми программы в текстовом режиме рисуют диаграммы и индикаторы.

Примеры кода в документации

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

Строки с письмом справа налево в исходном коде

Буквы иврита и арабского берутся из того же шрифта, что и окружающий их код на латинице.

Логи и табличный вывод

Фиксированная ширина выравнивает временные метки, уровни и значения строка за строкой.

Глифы

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

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

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

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

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

Лицензия

Шрифты в пару к Cascadia Code

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

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

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

@font-face {
  font-family: "Cascadia Code";
  src: url("/assets/fonts/CascadiaCode-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cascadia Code";
  src: url("/assets/fonts/CascadiaCode-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Cascadia Code", monospace;
}

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

<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=Cascadia+Code:ital,wght@0,200..700;1,200..700&display=swap" rel="stylesheet">

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

Диапазон насыщенности от 200 до 700

Ось заканчивается на Bold 700; ExtraBold и Black нет, как и ничего светлее ExtraLight 200.

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

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

Большой файл

Из-за 4 287 глифов для нескольких письменностей файлы больше, чем у моноширинного шрифта только с латиницей; для веба сделайте подмножество.

Авторство

В каталоге указаны четыре автора. В таблице name шрифта дизайнером назван Aaron Bell, а производителем — Saja Typeworks.

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

Подборки с Cascadia Code

• Моноширинные шрифты для программирования

  Семейства фиксированной ширины с открытой лицензией для редакторов и терминалов: с чётким нулём, несколькими насыщенностями и в большинстве случаев с курсивом.

• Шрифты для нескольких письменностей

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

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

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