Google Sans Code
Monospace
by Google, Universal Thirst
#141 on Google Fonts
Weight
About Google Sans Code
Google Sans Codeは、Google Sans書体のデザイン言語とモノスペースの機能要件を統合したGoogleのコーディング向けフォントです。等幅フォントに求められる文字の区別性・可読性・スペーシングを確保しつつ、Google Sans特有のモダンなヒューマニスト的デザインを継承します。Google DevelopersのドキュメントサイトやGoogleのコードサンプル表示に使用されています。
Character Map
AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
Code Editor Preview
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(', ')}`);
Character Disambiguation
Can you tell these apart? A good monospace font makes similar characters easy to distinguish.
Zero vs O
0 O o
One vs l vs I
1 l I | !
Quotes
' ' " " ` ´
Braces
( ) [ ] { } < >
Punctuation
. , : ; .. ...
Weight Waterfall (6)
300
Light
400
Regular
500
Medium
600
SemiBold
700
Bold
800
ExtraBold
How to Use
<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
Details
- Category
- Monospace
- Weights
- 6
- Italic
- ✓
- 韓国語
- ✗
- Designer
- Google, Universal Thirst
- License
- OFL
- Version
- Popularity
- #141
License Usage
| Web use | Allowed |
| Allowed | |
| Video / Broadcast | Allowed |
| Packaging | Allowed |
| App embedding | Allowed |
| Brand / Logo | Allowed |
| Modification | Allowed |
OFL — Free for personal & commercial use
Language Support
adlam
canadian-aboriginal
cherokee
latin
latin-ext
math
old-permic
symbols
symbols2
syriac
vietnamese