← 一覧へ

Patisserie HinataMenu

Seasonal Handmade Cakes

Baked fresh every morning. Order by 6 pm the day before.

Reserve now

ABCDEFG HIJKLMNabcdefg hijklmn0123456789 &?!

等幅IT・テック日本語なし無料

JetBrains Mono

ジェットブレインズ モノ

プログラムを書くために作られた、読みやすい等幅の英字。コードの見本にちょうどいい。

AIへの指示文

コピーしてAIに貼るだけでOK。Webサイト向けの内容です(右上の「何を作る?」で変えられます)。

どこに使う?
このWebサイトの見出し(ページの題名・大きな見出し・ボタン以外の目立つ文字)の英語と数字のフォントを「JetBrains Mono」(ジェットブレインズ モノ)にしてください。
Google Fonts から読み込んでください。読み込む太さは 400・700 だけにして、ページを重くしないでください。
font-family: "JetBrains Mono", "Noto Sans JP", sans-serif;
このフォントには日本語が入っていません。英語と数字だけがこのフォントになり、日本語は後ろに書いたフォント(Noto Sans JP など)で表示されるようにしてください。

このフォントの特徴:プログラムを書くために作られた、読みやすい等幅の英字。コードの見本にちょうどいい。

守ってほしいこと:
・ほかのフォントに勝手に変えない
・字の大きさを変えたら、1〜2文字だけ次の行に落ちる改行ができていないか確かめる
・スマホの幅でも、見出しが読みやすい大きさか確かめる

字の特徴

  • すべての字が同じ幅で、縦に列がそろう
  • 「0」と「O」、「1」と「l」が見分けやすい
  • 太さは100から800まで

どこで使う?

合う場面
技術ブログのコード、ターミナル風の画面、数字の表
気をつけたい場面
ふつうの文章
日本語との合わせ方
日本語は入っていないので、日本語のフォントと組み合わせて使う。
使える太さ
100・200・300・400・500・600・700・800(数字が大きいほど太い)

組み合わせの例

Seasonal Handmade Cakes毎朝お店で焼いています。ご予約は前日の18時まで。

見出し:JetBrains Mono 本文:M PLUS 1 Code

コードの中の日本語も等幅にそろえる

見比べる・組み合わせる

無料で使える?

無料。お店や会社のサイト、アプリ、チラシにも使えます(SIL Open Font License)。フォントのファイルそのものを売ることだけはできません。

Google Fonts の「JetBrains Mono」のページで、ほかの文字や太さも確かめられます。