Syne 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.
概要 Syne Mono
Syne Mono by Bonjour Monde and Lucas Descroix is the monospaced member of the Syne experimental type family, sharing its siblings' interest in breaking conventional type conventions while remaining functional. Its single weight features subtle irregularities and geometric experimentation that distinguish it from utilitarian code fonts, giving it a designer-friendly aesthetic for creative coding projects, editorial layouts, and branding that leans into an art-school sensibility. It pairs naturally with the proportional Syne family members.
文字マップ
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(', ')}`);
文字の判別
これらを見分けられますか?良いモノスペースフォントは似た文字を簡単に区別できます。
ウェイトウォーターフォール (1)
使い方
<link href="https://fonts.googleapis.com/css2?family=Syne+Mono:wght@400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Syne+Mono:wght@400&display=swap');
font-family: 'Syne Mono', monospace;
brew install --cask font-syne-mono
詳細
- カテゴリ
- Monospace
- ウェイト
- 1
- イタリック
- ✗
- 韓国語
- ✗
- デザイナー
- Bonjour Monde, Lucas Descroix
- ライセンス
- OFL
- バージョン
- 人気度
- #706
- ダウンロード
- 183
ライセンス使用
| Web使用 | 許可 |
| 印刷 | 許可 |
| 動画 / 放送 | 許可 |
| パッケージ | 許可 |
| アプリ埋め込み | 許可 |
| ブランド / ロゴ | 許可 |
| 改変 | 許可 |
OFL — 個人・商用とも無料で使用可能