① まず結論
「文字」と「書体」と「フォント」は、似ているようで別物です。文字は意味そのもの、書体はその文字のデザイン、フォントはそのデザインをパソコンやWebで使えるようにした「データ」のことです。
② たとえ話
フォントは、文章の「声」のようなものです。
同じ「ありがとうございます」という言葉でも、落ち着いた声で言うのか、明るい声で言うのか、事務的な声で言うのかで、受け取られ方は変わります。
文字は、言葉の意味そのもの。書体は、その言葉をどんな表情で見せるかというデザイン。フォントは、その書体をパソコンやWebで実際に使えるようにしたデータです。
つまりフォントを変えるというのは、文章の意味を変えることではありません。同じ言葉を、どんな声で届けるかを変えることです。
だからフォントは、ただの飾りではありません。読み手に情報を届けるための「声」であり、「乗り物」です。
フォントを変えることは、同じ言葉をどんな声で届けるかを変えること。
③ 図解で見る
フォントが今の形になるまでの歴史。Webフォントはまだ歴史が浅い技術です。
文字を複製してきた歴史
- 手書き
- 木版・版木
- 金属活字
- 写真植字
- デジタルフォント
- Webフォント
「同じ文字を何度も使いたい」という欲求が、活字とフォントを生みました。
④ よくある失敗
フォント=飾りだと思って見た目だけで選ぶ
「かわいいから」「おしゃれだから」だけで決めると、長文に派手な書体を使ってしまい、読み手が疲れるページになります。フォントは飾りではなく、情報を運ぶ「乗り物」だと思って選ぶと外しにくくなります。
「書体」と「フォント」を同じ意味で使う
現場では混ざって使われていますが、厳密には書体は「デザイン」、フォントは「データ」です。ライセンスや実装の話になると、この区別ができていないとミスが起きやすくなります。
⑤ 実務ではこう判断する
用途と読み手から逆算する
「自分の好み」ではなく、「誰が・どんな場面で・どんな情報を読むか」から選びます。社内資料と店頭ポスターで、同じフォントを使う必要はありません。
日本語フォントは欧文より重いと覚えておく
ひらがな・カタカナ・漢字・英数字・記号で数千〜数万文字あるため、欧文フォント(数百文字)より圧倒的にファイルサイズが大きいです。Webで使うときの読み込み速度に効いてきます。
⑥ 用語メモ
- 文字
- 「あ」「A」「山」など、意味を持つ記号そのもの。
- 書体
- 文字の見た目のデザイン。明朝体やゴシック体など、スタイルの分類。
- フォント
- 書体を実際に表示するためのデータ。画像(JPGやPNG)ではなく、拡大・縮小しても崩れない設計データ。OTFやWOFF2など。
- タイポグラフィ
- 文字を読みやすく・美しく・目的に合うように配置する技術全般。
⑦ 学習後のチェック
- 「文字・書体・フォント」の違いを自分の言葉で言える
- フォントは「データ」だと理解した
- 日本語フォントが重くなりやすい理由を1つ言える
関連フォント