Source Code Pro

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

概要 Source Code Pro

Part of Adobe's Source type system, Source Code Pro was designed by Paul D. Hunt as a fixed-pitch complement to Source Sans — sharing its humanist proportions while adopting the even character widths required for code display. The variable weight axis spanning eight stops is a notable engineering achievement for a monospace typeface, and broad script support including Cyrillic, Greek, and Vietnamese makes it one of the most internationally capable coding fonts available. Its combination of legibility, neutrality, and typographic refinement has made it a popular choice for both code editors and terminal emulators.

文字マップ

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
ダウンロード
189

ライセンス使用

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