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

等幅フォント

pointこの用語のポイント

pointフォントの分類だよ

pointすべての文字が同じ幅だよ

pointプロポーショナルフォントじゃない方だよ

スポンサーリンク

簡単に書くよ

等幅フォント(読:トウハバフォント 英:monospaced font)とは

すべての文字が同じ幅になっているフォント(文字の書体)のこと
です。


image piyo

詳しく書くよ

順番に見ていきましょう。
まずは予備知識として「フォント」について簡単に説明します。
「そんなの説明されなくても知ってるよ!」な人は適当に読み飛ばしてください。

フォントは「文字の書体」です。
「メイリオ」とか「MS Pゴシック」とか「MS P明朝」とか、いろいろな種類があります。
どのフォントを選ぶかによって、文字の見た目が変わります。

等幅フォント

以上を踏まえて、本題に入ります。

実はこのフォントですが、文字の幅に注目すると2つに分けられます。
それは

1.すべての文字の幅が同じ幅のフォント
2.文字によって文字の幅が違うフォント


の2つです。

この2つのフォントのうち

すべての文字の幅が同じ幅のフォント

が「等幅フォント」です。

等幅フォント2

あと、ついでなので書いておくと、文字によって幅が違うフォントは「プロポーショナルフォント」と言います。

等幅フォント3

例えば、MSゴシックは等幅フォントです。
MS Pゴシックはプロポーショナルフォントです。
それぞれのフォントについて「wa3」「aiu」を縦に並べてみます。

等幅フォント4

いかがでしょうか。

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

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

コンピュータの世界の歴史においては、等幅フォントの方が先に生まれました。
同じ幅の方が、コンピュータさんも考えるのが楽だったのです。
全部の文字を同じように扱えますからね。

等幅フォント5

でも、全部の文字の幅が同じだと、見た目的にイマイチでした。
横幅の広い「w」なんかは窮屈そうに見えますし「i」の周りは逆にスカスカです。

そこで、技術の進歩がある一定の段階を超えたときに、コンピュータさんに「文字ごとに幅を変えても良いかな?」とお願いしてみました。
プロポーショナルフォントを導入しようとしたのです。

等幅フォント6

それに対してコンピュータさんは「仕方ないな~。頑張るよ」と答えてくれました。

等幅フォント7

そんな経緯を経て……いるわけではないと思いますが、そんな感じの流れで、等幅フォントとプロポーショナルフォントが混在するようになったのです。

さて、そんな等幅フォントとプロポーショナルフォントの使い分けですが、人が読む文章にはプロポーショナルフォントの方が読みやすいと思います。
例えば、ブログや何かの説明資料、書籍の本文などに使うフォントですね。

等幅フォントの使いどころは……何でしょうね?
文字の位置を揃えたい状況で使うと思いますが、その状況がいまいち思い浮かびません。

等幅フォント8

何か思いついたら追記します。


image piyo2

一言でまとめるよ

まぁ「等幅フォント」って単語が出てきたら「すべての文字が同じ幅になっているフォント(文字の書体)なんだな~」と お考えください。

一番上に戻るよ
スポンサーリンク
書籍画像013
書籍画像052

おまけ

■訳してみるよ

「等幅」は日本語ですね。
「font(フォント)」の意味は「書体」とか「字体」とかです。
何となく くっつけると

等幅の書体

となります。


■検索してみる?




書籍画像
わわわ説明術コラム
宣伝だよ
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本
7日間でハッキングをはじめる本 TryHackMeを使って身体で覚える攻撃手法と脆弱性
エンジニアのための生成AI入門 はじめての生成AIアプリ開発からエージェント開発まで