Google Sans Code
Monospace
制作 Google, Universal Thirst
#304 Google Fontsで
ウェイト
概要 Google Sans Code
Google Sans Code は、Google と Universal Thirst が開発した等幅書体で、Google Sans の幾何学的 DNA を共有しながら、コード表示に求められる機能的要件を満たしている。可変ウェイト軸は6段階に及び、注目すべきことに、この書体はラテン文字と数学記号に加えて、アドラム文字・カナダ先住民音節文字・チェロキー文字・古ペルム文字にまで対応を広げている。これにより、あまり一般的でない文字体系で作業する開発者にとって、異例なほど包摂的なコーディング書体となっている。
文字マップ
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 | !
引用符
' ' " " ` ´
波括弧
( ) [ ] { } < >
句読点
. , : ; .. ...
ウェイトウォーターフォール (6)
300
Light
400
Regular
500
Medium
600
SemiBold
700
Bold
800
ExtraBold
使い方
<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
On this page
詳細
- カテゴリ
- Monospace
- ウェイト
- 6
- イタリック
- ✓
- 韓国語
- ✗
- デザイナー
- Google, Universal Thirst
- ライセンス
- OFL
- バージョン
- 人気度
- #304
- ダウンロード
- 767
ライセンス使用
| Web使用 | 許可 |
| 印刷 | 許可 |
| 動画 / 放送 | 許可 |
| パッケージ | 許可 |
| アプリ埋め込み | 許可 |
| ブランド / ロゴ | 許可 |
| 改変 | 許可 |
OFL — 個人・商用とも無料で使用可能
言語サポート
adlam
canadian-aboriginal
cherokee
latin
latin-ext
math
old-permic
symbols
symbols2
syriac
vietnamese
最適な用途
code_editors
technical_docs
web_apps
branding
ui_elements
関連記事 Google Sans Code
Frequently Asked Questions
Is the Google Sans Code font free for commercial use?
Yes — Google Sans Code is an open-source font, free to use in personal and commercial projects.
What type of typeface is Google Sans Code?
Google Sans Code is a Monospace typeface. It is offered as a variable font.
What does Google Sans Code support?
Google Sans Code primarily supports text.