Skip To Content
Menu

Fira Code

Designed By

The Mozilla Foundation, Telefonica S.A., Nikita Prokopov

5 Styles Monospace

Type Specimen / 01Il1 O0
{ } [ ]

Fira Code · Regular

Compare letter widths, punctuation and figures in an aligned setting.

5 styles available. Compare the specimens below, or enter your own text.

Download Fira Code ↓

TTF · SIL Open Font License 1.1

Set Your Own Text

Change the style and size to compare the letterforms.

if (x != null) return x;

Every Position Counts

Fira Code · Regular

Equal-width letters and figures.

Specimen.js

const family = "Fira Code";

function specimen(size) {
  return { family, size };
}

specimen(24);

0123456789

9876543210

Il1 O0 {} []

5 Styles,
One Family

Every available style is shown below in its own font file.

Light300

if (x != null) return x;

Regular400

if (x != null) return x;

Medium500

if (x != null) return x;

Semi Bold600

if (x != null) return x;

Bold700

if (x != null) return x;

Type -> in Fira Code and the screen shows 1 arrow. <= becomes a single less-or-equal sign, and := closes up into 1 symbol too. The file you save still holds the same 2 or 3 ASCII characters, so the compiler sees nothing new; only the drawing changes. Nikita Prokopov’s case for it is that a programmer reads those sequences as 1 token anyway, and the eye spends effort gluing the pieces back together.

He built the ligatures on top of Fira Mono, the monospaced branch of the family that the Mozilla Foundation and Telefonica paid for. Some of them do quieter work. With .. and // the ligature mostly fixes the spacing.

If joined operators bother you, switch contextual alternates off in the editor and the plain shapes come back.

5 weights run from Light to Bold, and there is no italic, so a theme that slants its comments will get a faked lean or none. Greek and Cyrillic are in, with a slashed zero and 8 stylistic sets. On a dark editor theme we would run the Regular around 14 px and step to Medium on a screen that draws strokes thin.

Fira Code type specimen with letters and figures
Fira Code · Type Specimen

Characters & Figures

1,551 glyphs reported in the reference style. This selection shows 400 recorded characters.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ ? !

View The Recorded Character Selection
!"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ·¸¹º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖרÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿĀāĂ㥹ĆćĈĉĊċČčĎďĐđĒēĔĕĖėĘęĚěĜĝĞğĠġĢģĤĥĦħĨĩĪīĬĭĮįİıIJijĴĵĶķĸĹĺĻļĽľĿŀŁłŃńŅņŇňʼnŊŋŌōŎŏŐőŒœŔŕŖŗŘřŚśŜŝŞşŠšŢţŤťŦŧŨũŪūŬŭŮůŰűŲųŴŵŶŷŸŹźŻżŽžƒǼǽǾǿȘșȚțȷʹʺʼˆˇˉ˘˙˚˛˜˝̵̶̧̦̀́̂̃̄̅̆̇̈̊̋̌̏̓̔͂ͅͰͱͲͳʹ͵Ͷͷͺͻͼͽ;Ϳ΄΅Ά·ΈΉΊΌΎΏΐΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡ

The Font Files

Download
Fira Code

5 TTF styles with the accompanying CSS, README and license information.

Download ZIP · 477 KB ↓
Version
5.002
License
SIL Open Font License 1.1
Read The Font License ↗

Install On Your Computer

Extract the ZIP first. On Windows, select the font files and choose Install from the context menu. On macOS, open the files in Font Book and choose Install.

Use On A Website

Keep the font files and the included stylesheet together. Update the stylesheet path to match your project.

<link rel="stylesheet"
  href="/fonts/fira-code-2/fira-code-2.css">

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

Keep the copyright and license notices with redistributed files.

Heading & Body

The family provides the heading; Inter carries the supporting text.

Fira Code Heading · Inter Body

Letters, Figures & Code

Names, values and punctuation share a fixed rhythm. Compare the zero with the capital O, and the number one with the lowercase l.