firacode

Fira Code is a monospaced font with programming ligatures, designed to enhance readability and streamline the coding process by visually combining common programming symbols and sequences into single glyph.

Latest Ver 6.2.0
Homepage
Github
0
78,837
Beauty in Code, Experience FiraCode
Elevate the aesthetics of programming with ligature fonts that transform your code into art.
Fira Code is a monospaced font including ligatures for coding.
License: OFL-1.1
https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/fira_code.css
https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/fira_code.min.css
https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/ttf/FiraCode-Bold.ttf
https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/ttf/FiraCode-Light.ttf
https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/ttf/FiraCode-Medium.ttf
https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/ttf/FiraCode-Regular.ttf
https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/ttf/FiraCode-Retina.ttf
https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/ttf/FiraCode-SemiBold.ttf
https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/variable_ttf/FiraCode-VF.ttf
https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.
📄 HTML
<div id='code-example' style='font-family: "Fira Code", monospace;'>function add(x, y) { return x + y; }</div>

⚡ Top Tools for Developers
Text Compare

Text Comparison

Easily spot the differences between two texts.

Favicon Generator

Favicon Generator

Quickly and easily generate favicons.

Lorem Ipsum Generator

Lorem Ipsum Generator

Generate placeholder text for your designs.

Character Counter

Character Counter

Check character and word count in real time.

SRT ↔ SMI

SRT ↔ SMI Converter

Easily convert between subtitle formats.

Text Extract(OCR)

Image Text Extractor

Automatically extract text from images.