Fontista

Fira Code

monospace
Try in Playground

Use-case scenarios

Large Display

The quick brown fox jumps over the lazy dog

Typography Scale

Heading 1 (48px)

The quick brown fox jumps over the lazy dog

Heading 2 (36px)

The quick brown fox jumps over the lazy dog

Heading 3 (24px)

The quick brown fox jumps over the lazy dog

Body Text (16px)

The quick brown fox jumps over the lazy dog. Good body type stays out of the way: even color, open counters, and spacing that holds up at 16 pixels on a phone or 12 on a dense dashboard.

Small Text (14px)

The quick brown fox jumps over the lazy dog

Install Fira Code

Get on Google FontsDownload files
<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">

Character Set

Uppercase

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Lowercase

abcdefghijklmnopqrstuvwxyz

Numbers & Symbols

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

Works well with

Fonts that pair well with Fira Code.

Similar & alternatives

Fonts with a similar feel to Fira Code.

Font family

Fira Code

Description

Free monospaced font with programming ligatures – 80k+ GitHub stars

Source

googleOpen Font License

Variable axes

The quick brown fox jumps over the lazy dog

font-variation-settings: 'wght' 500;

Intermediate values interpolate when the browser loads the variable font file; otherwise the nearest static weight renders.

Use cases

Tech StartupsDocumentationCode Editors

Stats

Popularity 94/100

Used by Notion, Tailwind CSS, Next.js, VS Code (popular)

React Native ready

Performance: good

npm · @fontsource/fira-code

Characteristics

Contrast
low
Aperture
medium
x-Height
tall
Width
normal
codingligaturesmodern

Paid alternatives

Fira Code is an open-source alternative to:

  • Dank Mono
  • Operator Mono
  • Pragmata Pro