Fira Code

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

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

• Light 300Fira Code Light
• Regular 400Fira Code Regular
• Medium 500Fira Code Medium
• SemiBold 600Fira Code SemiBold
• Bold 700Fira Code Bold

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

О шрифте Fira Code

Fira Code — моноширинный шрифт на основе Fira Mono с добавленным набором программистских лигатур. Такие последовательности, как стрелка, знак «меньше или равно» или оператор присваивания, рисуются одним слитным символом, а для частых пар вроде двух точек или двух косых черт лигатуры исправляют интервалы. Это только особенность отображения: сам текст остаётся обычными символами ASCII. На образце виден ноль с отметкой внутри, «i» с засечками и «l» и «1», которые легко отличить друг от друга. Fira Code — вариативный шрифт с осью насыщенности от 300 до 700 и пятью именованными насыщенностями, от Light до Bold; курсива нет. В 1 846 глифов входят латиница, кириллица, греческий и подмножество символов. Авторские права принадлежат The Fira Code Project Authors.

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

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

Лигатуры превращают многосимвольные операторы в единый символ, поэтому сравнения и стрелки читаются как один токен.

Терминалы

Фиксированная ширина и различимые ноль, «l» и «1» делают вывод команд и пути однозначными.

Код на слайдах и в обучающих материалах

Bold 700 и SemiBold 600 остаются читаемыми, когда фрагмент показывают на проекторе.

Документация с комментариями на кириллице или по-гречески

Оба алфавита есть в шрифте, поэтому комментарии на русском или греческом сохраняют ту же ширину знаков.

Просмотр конфигураций и логов

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

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Fira Code";
  src: url("/assets/fonts/FiraCode-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

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

Или подключите шрифт из официального источника. Google Fonts отдаёт Fira 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=Fira+Code:wght@300..700&display=swap" rel="stylesheet">

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

Курсива нет

В Fira Code есть только прямые насыщенности; редакторы, которые выделяют комментарии курсивом, наклонят шрифт искусственно.

Лигатуры можно отключить

Это возможность OpenType, поэтому редактор или CSS могут её отключить и показывать обычные символы.

Содержимое файла не меняется

Лигатуры влияют только на то, как текст рисуется; при копировании кода получаются исходные символы.

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

Подборки с Fira Code

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

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

• Шрифты с поддержкой турецкого языка

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

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

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