Source Code Pro
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
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
!@#$%^&*()_+-=[]{}|;':",.<>?
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.