Fira Code

Monospace coding-mono por Nikita Prokopov #271 no Google Fonts
Peso

Sobre Fira Code

Fira Code is a monospace typeface by Nikita Prokopov that extends Mozilla's Fira Mono with a carefully curated set of programming ligatures, turning multi-character sequences like arrows, comparisons, and operators into single fluid glyphs. The variable weight axis (wght) lets developers fine-tune stroke thickness without switching font files, and the face covers Cyrillic, Greek, and extended symbol ranges. It is the go-to choice for code editors and terminal emulators where ligature rendering is supported.

Mapa de Caracteres

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

Visualização do Editor de Código

example.js
const fibonacci = (n) => {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
};

// Generate first 10 numbers
const results = Array.from(
  { length: 10 },
  (_, i) => fibonacci(i)
);

console.log(`Result: ${results.join(', ')}`);

Ligaduras de Programação

=> != !== === >= <= -> ->> |> <| :: && || ++ -- ** // /* */ ?? << >> ?. ...

Distinção de Caracteres

Você consegue diferenciar estes? Uma boa fonte monospace torna caracteres similares fáceis de distinguir.

Zero vs O 0 O o
Um vs l vs I 1 l I | !
Aspas ' ' " " ` ´
Chaves ( ) [ ] { } < >
Pontuação . , : ; .. ...

Cascata de Pesos (5)

300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold

Como Usar

<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;500;600;700;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;500;600;700;400&display=swap');
font-family: 'Fira Code', monospace;
brew install --cask font-fira-code

Detalhes

Categoria
Monospace
Estilo
coding-mono
Pesos
5
Itálico
Coreano
Designer
Nikita Prokopov
Licença
OFL
Versão
Popularidade
#271
Downloads
194

Uso da Licença

Uso na webPermitido
ImpressãoPermitido
Vídeo / TransmissãoPermitido
EmbalagemPermitido
Incorporação em appPermitido
Marca / LogoPermitido
ModificaçãoPermitido

OFL — Gratuito para uso pessoal e comercial

Suporte a Idiomas

cyrillic cyrillic-ext greek greek-ext latin latin-ext symbols2

Ideal Para

code_editors technical_docs web_apps ui_elements presentations

Conceitos Tipográficos

  • Ligature

    Two or more letters combined into a single glyph, like 'fi' or 'fl'. Common in serif fonts and coding fonts (e.g., Fira Code).

  • Monospace

    A typeface where every character occupies the same horizontal width. Essential for code editors and tabular data.

  • OpenType

    A font format developed by Microsoft and Adobe supporting advanced typographic features like ligatures, alternates, and variable axes.

Artigos Sobre Fira Code