【フォント】

フォント とは?

最終更新:
💡 文字の「服装」、見た目と読みやすさを整える

文字を表示・印刷するために使う、共通のデザインやスタイルを持つ文字の集合。日常的には書体という意味でも使う。明朝体やゴシック体、等幅などがあり、見た目だけでなく、文字サイズや利用環境と合わせて読みやすさを考える。

📌 このページのポイント
フォント:同じ文字の形を見比べる セリフAAbc 123端に飾り サンセリフAAbc 123端に飾りなし 等幅AAbc 123文字幅を揃える Webフォントも、代替フォントを用意 サイズ・太さ・行間も合わせて確認
欧文のセリフ・サンセリフ・等幅の表示例。CSSの総称フォントを使うため具体的な書体は閲覧環境で変わる。書体名だけで用途や読みやすさは決まらず、文字サイズなどと合わせて確認する。
ひよこ ひよこ
フォントを変えるだけで印象は変わる?
ペンギン先生 ペンギン先生
変わるよ。文字の「服装」のように、同じ内容でも形や太さで雰囲気が変わる。見た目の好みだけでなく、読む人や画面・印刷物の条件に合わせて選ぶんだ。
ひよこ ひよこ
明朝体とゴシック体はどう違うの?
ペンギン先生 ペンギン先生
明朝体は線の太さに変化や端の飾りがあり、ゴシック体は比較的均一な線で構成するよ。欧文ではセリフの有無でも分類する。用途を一つに決めつけず、実際の文字サイズや文章で見比べよう。
ひよこ ひよこ
Webサイトで違って見えるのはなぜ?
ペンギン先生 ペンギン先生
端末に入っているフォントが違うからだよ。Webフォントならネットから文字データを読み込める。ただし、読み込み中や必要な文字がないときは代替フォントを使うことがあり、全ての端末で完全に同じ表示になる保証はないんだ。
ひよこ ひよこ
フォントは自由に使っていいの?
ペンギン先生 ペンギン先生
ライセンスを確認するよ。文書への使用と、フォントファイルの配布やWebでの利用は条件が違うことがある。たとえばOFLのフォントはデザインに使えるけれど、フォント自体の再配布にはライセンス情報などの条件があるんだ。
ひよこ ひよこ
読みやすいフォントはどれ?
ペンギン先生 ペンギン先生
書体名だけでは決められないよ。文字の大きさや太さ、行間、背景との見分けやすさも関わる。等幅フォントは文字幅を揃えてコードなどを見比べるのに使えるけれど、どの用途でも一番読みやすいとは限らない。実際の表示で確かめるんだ。
ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「フォント」って出てきたら「文字の見た目を表すための文字セット」と思えばだいたいOK!
📖 おまけ:英語の意味
「Font」 = 共通のデザインやスタイルを持つ文字の集合
💬 書体という意味でも使われる言葉だよ。Adobeの用語説明では、共通の太さ・幅・スタイルを持つ文字の集合をFontとしている。同じ書体の中でも、通常の太さや太字などの違いがあるんだ。

参考資料

← 用語集にもどる