【第51話】文字ごとに幅が違うフォント｜ITパスポート 令和3年度 問87

登場人物

美咲（みさき）

女子大生。就活のエントリーシートの資格欄が真っ白なことに気づき、慌ててITパスポートの勉強を開始。ITは完全に素人。高校時代は可愛くて人気者だったので、ちょっとプライドが高い。素直じゃない。

拓也（たくや）

美咲の高校時代の同級生。東京大学工学部。子どもの頃からパソコンばかりいじってきた生粋のオタク。実は美咲のことが好きだが、10年近く言い出せていない。教えるのは得意だが、口が悪いのが玉に瑕。

今日の問題

第1幕：勉強会という名目で、猫カフェ

「気分転換したい」という美咲の一言で、二人は駅前にできたばかりの猫カフェに来ていた。もはや勉強会というより、ただの息抜きに近い。

美咲

わあ、いっぱいいる

拓也

うん、癒されるね

美咲のもとには、次々と猫が寄ってくる。一方、拓也が手を伸ばすと、猫たちはさっと距離を取ってしまう。

拓也

……なんで、逃げるの

美咲

ふふ、あんた、猫にまで警戒されてるじゃない

拓也

解せない

第2幕：幅を揃えたほうが読みやすいでしょ

気を取り直して、拓也は隅の席でノートパソコンを開いた。

美咲

じゃあ答えるわね。これイでしょ。『等幅フォント』

拓也

お、なんでそう思った?

美咲

だって、"読みやすくする"って言うくらいだから、文字の幅を全部揃えて、規則正しく並べたほうが、読みやすい気がするけど

拓也

発想はわかるんだけど、実は"幅を揃える"のと"読みやすくする"は、必ずしもイコールじゃないんだ

美咲

え、そうなの?

拓也

うん。等幅フォントは、その名のとおり"全部の文字の幅が同じ"フォント。今日の問題が聞いてるのは、"文字ごとに幅が異なる"フォントの話なんだ

第3幕：猫によって、体の大きさが違う

拓也は、目の前を通り過ぎていく、大小さまざまな猫たちを眺めた。

拓也

たとえば、この店の猫たち。みんな同じ大きさじゃないよね。大きい子もいれば、小さい子もいる

美咲

うん、体格ぜんぜん違うわね

拓也

それと同じで、文字にも"本来の幅"が違うものがあるんだ。たとえば"i"と"w"、同じ幅で並べたら、"i"の周りだけ妙に隙間が空いて、逆に読みにくくならない?

美咲

あ……! 　たしかに、文字によって、自然な太さとか幅って違うものね

拓也

そのとおり。"文字ごとに、その文字にふさわしい幅を割り当てる"のが、プロポーショナルフォント。正解はエ。等幅フォントが"全部同じ幅"なのに対して、プロポーショナルフォントは"文字ごとに最適な幅"にすることで、自然で読みやすい見た目になるんだ

美咲

なるほどね……。均一に揃えることが、必ずしも読みやすさに繋がるわけじゃないのね

第4幕：猫に好かれようと必死になり

説明が一段落したところで、拓也は再び猫たちに挑戦していた。

拓也

……にゃんにゃん、こっちおいで

不自然に高い声を出しながら、両手を広げて猫を呼び寄せようとする。猫たちは一斉に、興味なさそうに視線を逸らした。

美咲

……見てられないんだけど、それ

拓也

くっ……次は、香箱座りの真似をすれば……

拓也が床に座り込み、両手両足を体の下に折りたたむような、奇妙な姿勢を取り始める。

美咲

ちょっと、いい歳した大人が何やってるのよ! 　みっともない!

拓也

……面目ない。つい、必死になった

美咲

猫は無理に近づこうとする人ほど警戒するのよ。あんた、人間相手でもそうだけど、猫相手でもがっつきすぎ

拓也

耳が痛い……

美咲

まあ、そのうち、向こうから寄ってくるかもしれないから、気長に待ちなさいよ

第5幕：残りの選択肢を片付ける

気を取り直して、美咲がノートに向き直る。

美咲

……気を取り直して。残りのアとウも教えて

拓也

アのアウトラインフォントは、文字の輪郭線を数式的なデータで表現するフォント。拡大や縮小をしても、輪郭がなめらかなまま保たれるのが特徴。"幅が文字ごとに違うか"という話とは、また別の軸なんだ

美咲

ウは?

拓也

ウのビットマップフォントは、文字を点（ドット）の集まりで表現するフォント。拡大するとギザギザが目立ちやすい。これも、輪郭の表現方法の話であって、文字幅の話じゃないんだ

美咲

等幅は"幅が同じ"、プロポーショナルは"幅が文字ごとに違う"、アウトラインは"輪郭を数式で表現"、ビットマップは"点の集まりで表現"。……全部フォントの性質だけど、見てる軸が違うのね

拓也

完璧な整理。"幅"の話と"輪郭の表現方法"の話は、別々に整理しておくと混同しないよ

まとめ：選択肢ごとの答え合わせ

答えエ　プロポーショナルフォント

覚え方のコツ

猫の体格が違うように、文字にもふさわしい幅がある。

• プロポーショナルフォント＝文字ごとに、その文字にふさわしい幅を割り当てるフォント
• 等幅フォントは、逆に全ての文字幅を揃えるフォントで、性質が正反対
• アウトラインフォント・ビットマップフォントは、輪郭の表現方法についての分類で、幅の話とは別の軸

エピローグ

閉店時間が近づき、二人は帰り支度を始めた。最後まで、猫たちは拓也に見向きもしなかった。

美咲

今日は、収穫なしだったわね、あんたにとっては

拓也

勉強にはなったから、良しとする

美咲

まあ、慰めておいてあげる。……でも、必死になりすぎると逃げられるの、猫も人間も同じなのかもね

拓也

それ、何か含みがある?

美咲

さあ、どうかしらね

美咲は、少し楽しそうに笑って、先に店の外へ出た。10月の風は、もうすっかり秋の匂いがしていた。

拓也（……気長に待つ、か。悪くない心構えかもな)

美咲

なに一人でにやにやしてるのよ

拓也

いや、なんでもない

二人は、色づき始めた街路樹の下を、並んで歩いていった。

今日のポイントおさらい

1. プロポーショナルフォント＝文字ごとに幅が異なるフォント
2. 等幅フォントは、全ての文字幅が同じフォントで、プロポーショナルフォントとは正反対の性質
3. アウトラインフォントは輪郭を数式データで表現し、拡大縮小してもなめらか
4. ビットマップフォントは、文字を点（ドット）の集まりで表現する
5. フォントの分類は、「幅」の話か「輪郭の表現方法」の話かを分けて整理すると混同しにくい

この記事はITパスポート試験 令和3年度 問87（テクノロジ系／情報メディア）の解説です。