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
!@#$%^&*()_+-=[]{}|;':",.<>?

コードエディタプレビュー

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.