Source Code Pro
Monospace
coding-mono
制作 Paul D. Hunt
#55 Google Fontsで
ウェイト
概要 Source Code Pro
AdobeのSourceタイプシステムの一部であるSource Code ProはPaul D. HuntによってSource Sansの等幅補完書体として設計されました。ヒューマニストな字形比率を共有しながら、コード表示に必要な均等な文字幅を採用しています。8つのストップにまたがる可変ウェイト軸は、等幅書体としては注目すべき技術的成果です。キリル文字、ギリシャ語、ベトナム語を含む幅広いスクリプトサポートにより、国際的に最も汎用性の高いコーディングフォントのひとつです。可読性・中立性・タイポグラフィ的完成度の組み合わせが、コードエディタとターミナルエミュレータの両方で人気を博しています。
文字マップ
AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
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
On this page
詳細
- カテゴリ
- Monospace
- スタイル
- coding-mono
- ウェイト
- 8
- イタリック
- ✓
- 韓国語
- ✗
- デザイナー
- Paul D. Hunt
- ライセンス
- OFL
- バージョン
- 人気度
- #55
- ダウンロード
- 726
ライセンス使用
| 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
Frequently Asked Questions
Is the Source Code Pro font free for commercial use?
Yes — Source Code Pro is an open-source font, free to use in personal and commercial projects.
What type of typeface is Source Code Pro?
Source Code Pro is a Monospace typeface. It is offered as a variable font.
What does Source Code Pro support?
Source Code Pro primarily supports text.