Fira Code

Name: Fira Code
Author: Nikita Prokopov

Monospace coding-mono 制作 Nikita Prokopov #271 Google Fontsで

ダウンロード Google Fonts

サイズ

ウェイト

概要 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.

文字マップ

                        AaBbCcDdEeFfGgHhIiJjKkLlMm

                        NnOoPpQqRrSsTtUuVvWwXxYyZz

                        0123456789

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

コードエディタプレビュー

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(', ')}`);

コーディングリガチャ

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

文字の判別

これらを見分けられますか？良いモノスペースフォントは似た文字を簡単に区別できます。

                                ゼロ vs O
                                0 O o
                            
                                1 vs l vs I
                                1 l I | !
                            
                                引用符
                                ' ' " " ` ´
                            
                                波括弧
                                ( ) [ ] { } < >
                            
                                句読点
                                . , : ; .. ...

ウェイトウォーターフォール (5)

300 Light

400 Regular

500 Medium

600 SemiBold

700 Bold

使い方

<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

詳細

カテゴリ: Monospace
スタイル: coding-mono
ウェイト: 5
イタリック: ✗
韓国語: ✗
デザイナー: Nikita Prokopov
ライセンス: OFL
バージョン
人気度: #271
ダウンロード: 194

ライセンス使用

Web使用	許可
印刷	許可
動画 / 放送	許可
パッケージ	許可
アプリ埋め込み	許可
ブランド / ロゴ	許可
改変	許可

OFL — 個人・商用とも無料で使用可能

言語サポート

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

最適な用途

code_editors technical_docs web_apps ui_elements presentations

類似フォント

比較

タイポグラフィの概念

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.