/ 

Fira Code: шрифт с лигатурами для кода

Fira Code: шрифт с лигатурами для кода
Fira Code: шрифт с лигатурами для кода

В языках программирования много составных операторов, таких как :=, >=, <=, ===, !==. Это одна логическая единица, но она занимает 2 или 3 символа. Это затрудняет чтение и анализ кода, хоть мы и привыкли к этому.

Fira code - моноширинный шрифт, в котором используются лигатуры (объединяет несколько символов в один) для общих комбинаций символов в программировании. Это только визуальная надстройка, с которой читать и понимать код быстрее. Символы остаются такими-же, как и были до этого, только выглядят по другому.

Возможности шрифта

Символы заменяемые лигатурами шрифта Fira Code
Символы заменяемые лигатурами шрифта Fira Code

Поддержка терминалами

Работает Не работает
Terminal.app (OS X терминал по умолчанию) iTerm 2 (топик о поддержке)
Konsole (за исключением KDE4) GNOME Terminal
Termux (Android эмулятор терминала) rxvt

Поддержка редакторами

Работает Не работает
Atom 1.1 или выше (инструкция) SublimeText (голосование)
IntelliJ products (IDEA etc, инструкция) Xamarin Studio/Monodevelop
Xcode (c плагином) Intellij Idea-based (голосование)
Visual Studio Visual Studio Code (голосование)
TextMate 2 Standalone Emacs (workaround)
MacVim 7.4 или выше (инструкция) gVim
Coda 2 Notepad++
Eclipse (Linux) Eclipse (Mac и Win, голосование)
QtCreator  
LightTable (инструкция)  
BBEdit (инструкция)  
RStudio  
Chocolat  
Kate, KWrite (за исключением KDE 4)  
Mancy  
TextAdept (Linux, Mac)  
GNOME Builder  
Leafpad  
Notepad (Win)  
Возможно работает: Geany, gEdit, Smultron, Vico  

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

Поддержка браузерами

  • IE 10+, Edge: работает со свойством font-feature-settings: "calt" 1;
  • Firefox
  • Safari
  • Браузеры на Chromium: работают со свйоством font-variant-ligatures: contextual; или text-rendering: optimizeLegibility (подробнее 571246)
  • ACE
  • CodeMirror

Примеры шрифта

Ruby

JavaScript

Erlang

Go

Haskell

В браузере

В редакторе

Альтернативы


Скачать шрифт Fira Code архивом. Обновления в twitter @FiraCode.

⌘ ⌘ ⌘
Управляем поведением font-face в CSS
Фронтенд

Управляем поведением font-face в CSS

Поведением текста, отображаемого во время загрузки font-face, можно управлять с помощью свойства font-display. Как работает и какие значения поддерживет свойсто font-display читайте в статье.

Код. Плейсхолдер для [contenteditable]
Фронтенд

Код. Плейсхолдер для [contenteditable]

Placeholder полифил для contenteditable элемента

Как называть переменные
Фронтенд

Как называть переменные

Мой взгляд на соглашения наименования переменных, функций, методов и классов

Плавный, нативный скрол
Фронтенд

Плавный, нативный скрол

Выкиньте лишние библиотеки для прокрутки внутри страницы