2026.09.23 泊まれる場所4,223 立ち寄りスポット59,693 営業中を確認したキャンプ場1,005 note を読む

明朝とゴシック、サイトの声色はフォントで決まる

同じ言葉でも、書体が変わると声が変わる。
Webフォントという配達の仕組みの話。

お知らせの文字が明朝体だと、なんだか改まって聞こえる。
ゴシック体だと、親しみやすく聞こえる。
文字の形は、文章の声色みたいなものだと思っています。

昔のWebの制約

少し前まで、Webサイトは読む人のパソコンに入っているフォントしか使えませんでした。
作り手がきれいな書体を選んでも、相手の端末になければ別のフォントに化ける。
デザイナー泣かせの時代です。

Webフォントという配達便

いまはWebフォントという仕組みがあって、フォントのデータ自体をページと一緒に届けられます。
このサイトの見出しの明朝体も、そうやって配達されています。
どの端末で見ても同じ声で話せるようになった、というわけです。

ただしフォントのデータは意外と重い。
日本語は文字の種類が多いので、英語圏の何倍もの荷物になります。
声色と軽さの綱引きは、いまも作り手の悩みどころです。

まる子パパ

まる子パパ

会社員。受託開発のエンジニアを15年以上続けていて、その前は寿司職人・長距離運転手・農業。 技術ブログは、キャンプの合間に踏んだバグと、AI・Web開発の運用の失敗を書いています。 このサイト自体が、開発に携わっているCMS「コンテナ」の稼働中の実例です。 このサイトについて / 小さな自動化の相談

—

ほかにも書いています

受託・note・スタンプ

※受託の相談とnoteは、運営者が個人で受けている・書いているものです。

技術ブログ一覧へ戻る