「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

「固定幅フォント」と「可変幅フォント」の違い

スポンサーリンク

予備知識


用語意味
フォント文字の書体

それぞれの用語の意味


用語意味
固定幅フォントすべての文字が同じ幅になっているフォント
可変幅フォント文字によって文字の幅が違うフォント

似ているところ


どちらもフォントです。
文字の書体です。


「固定幅フォント」と「可変幅フォント」の違い1

違うところ


文字の幅が違います。
固定幅フォントは、すべての文字の幅が同じです。
幅広な「W」もスリムな「I」も同じ幅になっています。


「固定幅フォント」と「可変幅フォント」の違い2

可変幅フォントは、文字によって幅が違います。
幅広な「W」は横に広がっています。
スリムな「I」は幅を取りません。


「固定幅フォント」と「可変幅フォント」の違い3

個人的な使い分け


普通の文章の場合は、可変幅フォントが好みです。
読みやすいように感じるからです。
ソースコードの場合は、固定幅フォントが好みです。
文字数を直感的に把握しやすいからです。


備考


例えば「MSゴシック」は固定幅フォントです。
「MS Pゴシック」は可変幅フォントです。
それぞれのフォントについて「wa3」「aiu」を縦に並べると、以下のようになります。


「固定幅フォント」と「可変幅フォント」の違い4

MSゴシック(固定幅フォント)は、端っこが揃っていますよね。
これは、全部の文字が同じ幅だからです。
どんな文字の組み合わせでも、3文字であれば3文字分の幅になります。

それに対してMS Pゴシック(可変幅フォント)は、端っこが揃っていません。
何となく「w」の幅が広くて「i」の幅が狭いですよね。
可変幅フォントは文字によって幅が違います。
例え同じ3文字でも、文字の組み合わせによって幅が違ってくるのです。

あと、固定幅フォントは「等幅フォント」とも呼ばれます。
可変幅フォントは「プロポーショナルフォント」とも呼ばれます。


スポンサーリンク
書籍画像028
書籍画像027


書籍画像
わわわ説明術コラム
宣伝だよ
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本【Audible】
7日間でハッキングをはじめる本 TryHackMeを使って身体で覚える攻撃手法と脆弱性
あたえる人があたえられる