Google Sans Code
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.
概要 Google Sans Code
Google Sans Code is a monospace typeface developed by Google and Universal Thirst that shares the geometric DNA of Google Sans while meeting the functional demands of code display. The variable weight axis spans six steps, and remarkably, the typeface extends to Adlam, Canadian Aboriginal Syllabics, Cherokee, and Old Permic scripts alongside Latin and mathematical symbols. This makes it an unusually inclusive coding font for developers working in less-common writing systems.
文字マップ
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(', ')}`);
文字の判別
これらを見分けられますか?良いモノスペースフォントは似た文字を簡単に区別できます。
ウェイトウォーターフォール (6)
使い方
<link href="https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@300;500;600;700;800;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@300;500;600;700;800;400&display=swap');
font-family: 'Google Sans Code', monospace;
brew install --cask font-google-sans-code
詳細
- カテゴリ
- Monospace
- ウェイト
- 6
- イタリック
- ✓
- 韓国語
- ✗
- デザイナー
- Google, Universal Thirst
- ライセンス
- OFL
- バージョン
- 人気度
- #141
- ダウンロード
- 195
ライセンス使用
| Web使用 | 許可 |
| 印刷 | 許可 |
| 動画 / 放送 | 許可 |
| パッケージ | 許可 |
| アプリ埋め込み | 許可 |
| ブランド / ロゴ | 許可 |
| 改変 | 許可 |
OFL — 個人・商用とも無料で使用可能