Overpass Mono
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.
概要 Overpass Mono
Overpass Mono is the monospace member of the Overpass family, designed by Delve Withrington, Dave Bailey, and Thomas Jockin as a terminal and code-friendly complement to the humanist sans. Its variable weight axis spans Light to Heavy, and it supports Cyrillic, Cyrillic Extended, and Vietnamese, making it practical for international developer tools and documentation. The design balances clean code readability with the slightly rounded, approachable character of the broader Overpass family.
文字マップ
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
コードエディタプレビュー
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(', ')}`);
文字の判別
これらを見分けられますか?良いモノスペースフォントは似た文字を簡単に区別できます。
ウェイトウォーターフォール (5)
使い方
<link href="https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@300;500;600;700;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@300;500;600;700;400&display=swap');
font-family: 'Overpass Mono', monospace;
brew install --cask font-overpass-mono
詳細
- カテゴリ
- Monospace
- ウェイト
- 5
- イタリック
- ✗
- 韓国語
- ✗
- デザイナー
- Delve Withrington, Dave Bailey, Thomas Jockin
- ライセンス
- OFL
- バージョン
- 人気度
- #498
- ダウンロード
- 189
ライセンス使用
| Web使用 | 許可 |
| 印刷 | 許可 |
| 動画 / 放送 | 許可 |
| パッケージ | 許可 |
| アプリ埋め込み | 許可 |
| ブランド / ロゴ | 許可 |
| 改変 | 許可 |
OFL — 個人・商用とも無料で使用可能