Source Code Pro

Monospace coding-mono 制作 Paul D. Hunt #59 Google Fontsで
ウェイト

概要 Source Code Pro

AdobeのSourceタイプシステムの一部であるSource Code ProはPaul D. HuntによってSource Sansの等幅補完書体として設計されました。ヒューマニストな字形比率を共有しながら、コード表示に必要な均等な文字幅を採用しています。8つのストップにまたがる可変ウェイト軸は、等幅書体としては注目すべき技術的成果です。キリル文字、ギリシャ語、ベトナム語を含む幅広いスクリプトサポートにより、国際的に最も汎用性の高いコーディングフォントのひとつです。可読性・中立性・タイポグラフィ的完成度の組み合わせが、コードエディタとターミナルエミュレータの両方で人気を博しています。

文字マップ

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 | !
引用符 ' ' " " ` ´
波括弧 ( ) [ ] { } < >
句読点 . , : ; .. ...

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

200 ExtraLight
300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold
800 ExtraBold
900 Black

使い方

<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;500;600;700;800;900;400&display=swap');
font-family: 'Source Code Pro', monospace;
brew install --cask font-source-code-pro

詳細

カテゴリ
Monospace
スタイル
coding-mono
ウェイト
8
イタリック
韓国語
デザイナー
Paul D. Hunt
ライセンス
OFL
バージョン
人気度
#59
ダウンロード
374

ライセンス使用

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

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

言語サポート

cyrillic cyrillic-ext greek greek-ext latin latin-ext vietnamese

最適な用途

code_editors technical_docs web_apps ui_elements presentations

タイポグラフィの概念

  • Monospace

    A typeface where every character occupies the same horizontal width. Essential for code editors and tabular data.

関連記事 Source Code Pro