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

可変幅フォント

pointこの用語のポイント

pointプロポーショナルフォントのことだよ

pointフォントの分類だよ

point文字によって幅が違うよ

スポンサーリンク

簡単に書くよ

可変幅フォント(読:カヘンハバフォント 英:proportional font)とは

「プロポーショナルフォント」のこと。
用語の中身としては

文字によって文字の幅が違うフォント(文字の書体)のこと
です。


image piyo

詳しく書くよ

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

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

可変幅フォント

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

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

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


の2つです。

この2つのうち、文字によって幅が違うフォントが「プロポーショナルフォント」です。
そして、このプロポーショナルフォントを指す別の表現が「可変幅フォント」です。
どちらかと言えば「プロポーショナルフォント」の方が一般的な呼び名だですけどね。

可変幅フォント2

あと、ついでなので書いておくと、すべての文字の幅が同じ幅のフォントは「等幅フォント固定幅フォント」と言います。
こちらも「等幅フォント」の方が一般的な呼び名ですが、本ページでは「固定幅フォント」の表現を使います。
可変幅フォントに対比させるためです。

可変幅フォント3

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

可変幅フォント4

如何でしょうか。

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

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

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

可変幅フォント5

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

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

可変幅フォント6

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

可変幅フォント7

そんな経緯を経て……いるわけではないと思いますが、そんな感じの流れで、固定幅フォントと可変幅フォントが混在するようになったのです。

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

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

可変幅フォント8

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


image piyo2

一言でまとめるよ

まぁ「可変幅フォント」って単語が出てきたら「文字によって幅が違うフォント(文字の書体)なんだな~」と お考えください。

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

おまけ

■訳してみるよ

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

可変幅の書体

となります。


■検索してみる?




書籍画像
わわわ説明術コラム
宣伝だよ
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本【Audible】
おい点P、動くんじゃねえ!──ニガテ民のための算数と数学の本
ウォーターサーバーのキャッチコピーを100本考える方法