Fira Code

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

Acerca de 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
!@#$%^&*()_+-=[]{}|;':",.<>?

Vista previa del 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 programación

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

Distinción de caracteres

¿Puedes distinguirlos? Una buena fuente monoespaciada hace que los caracteres similares sean fáciles de distinguir.

Cero vs O 0 O o
Uno vs l vs I 1 l I | !
Comillas ' ' " " ` ´
Llaves ( ) [ ] { } < >
Puntuación . , : ; .. ...

Cascada de pesos (5)

300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold

Cómo 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

Detalles

Categoría
Monospace
Estilo
coding-mono
Pesos
5
Cursiva
Coreano
Diseñador
Nikita Prokopov
Licencia
OFL
Versión
Popularidad
#271
Descargas
194

Uso de licencia

Uso webPermitido
ImpresiónPermitido
Video / EmisiónPermitido
EmpaquePermitido
Inserción en appsPermitido
Marca / LogoPermitido
ModificaciónPermitido

OFL — Gratis para uso personal y comercial

Soporte de idiomas

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

Ideal para

code_editors technical_docs web_apps ui_elements presentations

Conceptos 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.

Artículos sobre Fira Code