LESSON 01 / 07

基礎 約4分

そもそもフォントって何?

文字・書体・フォントの違い

「フォントを変える」って具体的に何を変えていることなのか。まずは文字・書体・フォントの違いから整理します。

14% / 全7レッスン

① まず結論

「文字」と「書体」と「フォント」は、似ているようで別物です。文字は意味そのもの、書体はその文字のデザイン、フォントはそのデザインをパソコンやWebで使えるようにした「データ」のことです。

② たとえ話

フォントは、文章の「声」のようなものです。

同じ「ありがとうございます」という言葉でも、落ち着いた声で言うのか、明るい声で言うのか、事務的な声で言うのかで、受け取られ方は変わります。

文字は、言葉の意味そのもの。書体は、その言葉をどんな表情で見せるかというデザイン。フォントは、その書体をパソコンやWebで実際に使えるようにしたデータです。

つまりフォントを変えるというのは、文章の意味を変えることではありません。同じ言葉を、どんな声で届けるかを変えることです。

だからフォントは、ただの飾りではありません。読み手に情報を届けるための「声」であり、「乗り物」です。

フォントを変えることは、同じ言葉をどんな声で届けるかを変えること。

③ 図解で見る

フォントが今の形になるまでの歴史。Webフォントはまだ歴史が浅い技術です。

文字を複製してきた歴史

  1. 手書き
  2. 木版・版木
  3. 金属活字
  4. 写真植字
  5. デジタルフォント
  6. Webフォント

「同じ文字を何度も使いたい」という欲求が、活字とフォントを生みました。

④ よくある失敗

フォント=飾りだと思って見た目だけで選ぶ

「かわいいから」「おしゃれだから」だけで決めると、長文に派手な書体を使ってしまい、読み手が疲れるページになります。フォントは飾りではなく、情報を運ぶ「乗り物」だと思って選ぶと外しにくくなります。

「書体」と「フォント」を同じ意味で使う

現場では混ざって使われていますが、厳密には書体は「デザイン」、フォントは「データ」です。ライセンスや実装の話になると、この区別ができていないとミスが起きやすくなります。

⑤ 実務ではこう判断する

用途と読み手から逆算する

「自分の好み」ではなく、「誰が・どんな場面で・どんな情報を読むか」から選びます。社内資料と店頭ポスターで、同じフォントを使う必要はありません。

日本語フォントは欧文より重いと覚えておく

ひらがな・カタカナ・漢字・英数字・記号で数千〜数万文字あるため、欧文フォント(数百文字)より圧倒的にファイルサイズが大きいです。Webで使うときの読み込み速度に効いてきます。

⑥ 用語メモ

文字
「あ」「A」「山」など、意味を持つ記号そのもの。
書体
文字の見た目のデザイン。明朝体やゴシック体など、スタイルの分類。
フォント
書体を実際に表示するためのデータ。画像(JPGやPNG)ではなく、拡大・縮小しても崩れない設計データ。OTFやWOFF2など。
タイポグラフィ
文字を読みやすく・美しく・目的に合うように配置する技術全般。

⑦ 学習後のチェック

  • 「文字・書体・フォント」の違いを自分の言葉で言える
  • フォントは「データ」だと理解した
  • 日本語フォントが重くなりやすい理由を1つ言える

関連フォント

ゴシック / OFL

Noto Sans JP

情報を、まっすぐ届ける。

清潔で中立。企業サイト、UI、長文本文まで安定して使える日本語ゴシックの基準線です。

  • 中立
  • 清潔
  • 信頼
  • 機能的

明朝 / OFL

Shippori Mincho

風の音に、耳を澄ます。

文化系、工芸、旅館、和菓子など、上質で繊細な雰囲気を出したい場面に向きます。

  • 静謐
  • 文化的
  • 繊細
  • 上質