パティスリー ひなたメニュー
季節の手作りケーキ
毎朝お店で焼いています。ご予約は前日の18時まで。旬の果物をたっぷり使った、この季節だけの味です。
ご予約はこちら
あいうえお かきくけこアイウエオ 永東国酬愛鬱ABCabc 0123456789

見出しを書きかえて試す

等幅IT・テック無料

M PLUS 1 Code

エムプラスワンコード

日本語の入る、プログラムを書くための等幅フォント。英数字とかなの幅がそろう。

AIへの指示文

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

どこに使う？

このWebサイトの見出し（ページの題名・大きな見出し・ボタン以外の目立つ文字）のフォントを「M PLUS 1 Code」（エム プラス ワン コード）にしてください。
Google Fonts から読み込んでください。読み込む太さは 400・700 だけにして、ページを重くしないでください。
font-family: "M PLUS 1 Code", monospace;
本文は読みやすいゴシック（Noto Sans JP など）のままでかまいません。

このフォントの特徴：日本語の入る、プログラムを書くための等幅フォント。英数字とかなの幅がそろう。

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

字の特徴

英数字は同じ幅、日本語はその2倍の幅にそろえてある
「0」と「O」、「1」と「l」が見分けやすい
太さを100から700まで選べる

どこで使う？

合う場面: 技術ブログのコード、ターミナル風の画面、日本語の入る表
気をつけたい場面: ふつうの文章。字の間が空いて読みにくい
英語と数字: 英数字はコード向けの形。英語だけなら JetBrains Mono も合う
使える太さ: 100・200・300・400・500・600・700（数字が大きいほど太い）

組み合わせの例

季節の手作りケーキ毎朝お店で焼いています。ご予約は前日の18時まで。

見出し：M PLUS 1 Code　本文：IBM Plex Sans JP

技術っぽさをそろえつつ、文章は読みやすく

見比べる・組み合わせる

ほかのフォントと組み合わせて試す

無料で使える？

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

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