文字の解剖

ねらい

「この書体、なんか優しい感じ」「これは固くてカッコいい」——私たちは文字を見て、いつも何かを感じている。でも、その「感じ」はどこから来るのか。たいていの人は答えられない。「センスでわかる」で止まってしまう。

このクエストのねらいは、その「感じ」を部品にバラすことだ。文字は、ただの線のかたまりに見えて、実は決まった部位の名前と役割を持っている。人間の体に「背骨」「肩」「ふところ（胸もと）」があるように、文字にもベースラインやx-heightやふところがある。これを覚えると、「なんか優しい」が「x-heightが高くてふところが広いから、丸く大きく見える」に変わる。感覚が、構造に変わる。

なぜ「部品の名前」から始めるのか

いきなり結論から言う。書体の印象は、ほとんど「部品の寸法と形」で決まっている。 だから部品の名前を知らないと、印象の理由は永遠に「なんとなく」のままだ。

これは料理に似ている。「このスープ、なんかコクがある」で止まる人と、「玉ねぎを長く炒めて甘みを出してるな」と言える人。後者は材料と工程を知っているから、味を分解できる。そして自分でも再現できる。文字も同じだ。部品を知れば、好きな書体の「なぜ好きか」を分解でき、自分の制作で狙って選べるようになる。

なぜこんな部品の話が大事になったのか。歴史をたどると理由がある。昔、文字は職人が金属の塊（活字＝一文字ずつ彫った金属の粒）を一つずつ手で彫って作っていた。彫る人によって形がバラバラでは困る。「ここの高さは全部そろえる」「この線の太さは統一する」——みんなで同じ基準を共有する必要があった。そのために、文字の各部に名前と決まった寸法がつけられた。つまり部品の名前は、文字を勝手な気分でなく、共通のものさしで作るための発明なのだ。これは楽典の「恣意性を殺す」（その時の気分で決めない）とまったく同じ発想だ。

ベースライン ―― 文字が立つ「地面」

まず、いちばん土台になる線から。ベースラインだ。これは、文字が並んで立っている地面の線だと思えばいい。アルファベットの大半（a, b, c, e, m, n…）は、この線の上にきっちり乗っている。ノートの罫線に字を書くとき、線の上に文字を乗せるだろう。あれと同じだ。

なぜこの線が一番大事なのか。文字をまっすぐ並べる基準になるからだ。地面がデコボコだと家が傾くように、ベースラインがそろっていないと、文章はガタガタに見えて読めなくなる。横一列に文字を組むとき、デザイナーは文字の「上」ではなく、この「下の地面（ベースライン）」をそろえている。

ただし、全部の文字がきっちり地面に乗るわけではない。g や y や p のように、地面より下に足を伸ばす文字がある。この地面からはみ出して下に伸びる部分をディセンダ（descender、下に降りる部分）と呼ぶ。逆に h や b や d、l のように、地面から上に長く伸びる縦の部分をアセンダ（ascender、上に昇る部分）と呼ぶ。アセンダがどこから「長い」のかは、次に出てくる「本体の高さ（x-height）」を見てからのほうが分かりやすい。だからアセンダの正確な高さの話は、x-heightの節のあとに回す。

なお、大文字（A・B・C…）の高さは、このアセンダとは別物で、キャップハイトという別の基準線で測る。ふつうアセンダより少し低い。深入りは後の章にゆずり、ここでは「大文字の高さは小文字のアセンダとは別の線」とだけ覚えておけばいい。

x-height ―― 文字の「身長」、印象の最大の分かれ目

次が、このクエストで一番効く部品だ。x-height（エックスハイト）。これは、小文字の x の高さのこと。なぜ x かというと、x には上にも下にもはみ出す部分がなく、ベースラインからまっすぐ立ったいちばん測りやすい文字だからだ。この x の高さが、a c e m n o …といった大半の小文字の本体の高さになる。

ここで、前の節で保留した話に戻ろう。アセンダとは、この x-height（本体の天井）よりさらに上に伸びる部分のことだ。h b d l の縦棒の、本体からはみ出して上に出っぱった部分がそれにあたる。逆にディセンダは、ベースラインより下に出る部分。つまり文字の縦の世界は「ディセンダ（地面の下）→ベースライン→x-height（本体の天井）→アセンダ（その上）」という4階建てになっている。

そして、ここが肝心。書体の印象は、このx-heightで大きく変わる。 同じ文字サイズ（Webでは px＝ピクセルという単位で指定する。例えば16px）でも、x-heightが高い書体は文字の本体が大きく見え、ふっくら親しみやすく、遠くからでも読みやすい。逆にx-heightが低い書体は、本体が小さく上下の伸び（アセンダ・ディセンダ）が長くなり、繊細でクラシック、上品に見える。

なぜそうなるか。人の目は文字を見るとき、上下の細い棒よりも、a や e のずんぐりした本体に注目する。本体（x-heightの部分）が大きければ「大きい文字」、小さければ「小さい文字」だと感じる。だから指定したサイズの数字が同じでも、x-heightが違えば、見た目の大きさも印象も変わる。「同じ16pxなのに、この書体だけやけに小さく/大きく見える」——その正体はx-heightだ。

字面（じづら） ―― 一文字が占める「陣地」

三つめは字面（じづら）だ。これは、一つの文字が実際に黒く描かれている範囲、その文字が陣取っている広さのことだと思えばいい。同じ「あ」でも、目いっぱい大きく描く書体と、まわりに余白を残して小さめに描く書体がある。前者は字面が大きい、後者は字面が小さいという。

なぜこれが大事か。字面が大きい書体は、文字どうしがぎゅっと詰まって見え、力強く・にぎやかになる。 字面が小さい書体は、文字のまわりに自然と空気ができて、ゆったり・上品に見える。とくに和文（日本語の文字）は、四角いマス（＝一文字に割り当てられた見えない正方形の枠。これを仮想ボディと呼ぶ）の中に文字を描く。その枠のどこまで黒を広げるかで、紙面の密度がガラッと変わる。見出しで力を出したいなら字面の大きい書体、本文でゆったり読ませたいなら字面が控えめな書体、という選び方になる。

字面はx-heightと近い話だが、別物だ。x-heightは「縦の高さ」だけの話。字面は「縦も横も含めた、黒が占める面積ぜんぶ」の話。だから〈x-heightは高いのに、なんだか紙面がスカスカ〉ということが起きる。本体は背が高いのに横が痩せていて、黒の量そのものが少ない書体だ。図5の左右の枠（マス）を見比べてほしい。縦の高さが同じでも、黒の面積はこんなに違う。高さ（x-height）と黒の量（字面）は、別々にチェックする必要がある。

ふところ ―― 文字の中の「空き地」

最後の部品がふところだ。これは、a や e や o のような文字の**内側にできる空白（空き地）**のこと。「ふところが広い・狭い」と言う。e で言えば、横棒の上にできる空間や、丸の中の空き。o で言えば、まんなかの穴の広さだ。「ふところ」とは元は着物の胸もとの空間のこと。文字の内側のゆとりを、そう呼ぶ。

なぜこれが印象を変えるのか。ふところが広い文字は、内側が大きく開いていて、丸く・開放的で・親しみやすい。 子ども向けの絵本や、やさしいブランドのロゴは、たいていふところが広い。逆にふところが狭い文字は、内側がきゅっと締まっていて、引き締まった・知的な・少しお堅い印象になる。新聞や高級ブランドの文字は、ふところが控えめなことが多い。

しかも、ふところには可読性（読みやすさ・読み間違えにくさ）の効果もある。内側がよく開いていると、c と o と e の見分けがつきやすい。小さい文字や遠くの看板で「つぶれて読めない」のは、たいていふところが狭くて穴が埋まって見えるからだ。だから道路標識や駅のサインの書体は、わざとふところを広く取っている。先ほど典拠で挙げたAdrian Frutiger（スイスの書体設計者）が、パリの空港のサイン用に設計した書体は、まさにこの「ふところの広さと読みやすさの関係」を実証した有名な例だ。読みやすさは、文字の中の空き地が握っているわけだ。

なぜ書体が変わると印象が変わるのか ―― 部品の合わせ技

ここまでの部品を一枚にまとめよう。これがこのクエストの結論だ。「書体が変わると印象が変わる」のは、魔法でもセンスでもなく、これらの部品の寸法と形が変わっているからだ。

• x-heightが高い＋ふところが広い＋字面が大きい → 大きく丸く見える＝親しみやすい・元気・読みやすい（多くのサンセリフ、子ども向け、ポップなブランド）
• x-heightが低い＋ふところが狭い＋字面が控えめ → 繊細で締まって見える＝上品・クラシック・知的（多くのセリフ体、高級ブランド、文学書）

つまり、印象は一つの部品で決まるのではなく、複数の部品の合わせ技で決まる。だから「優しい書体を選びたい」と思ったら、ロゴやお手本を眺めて「x-heightは高いか」「ふところは開いているか」とチェックすればいい。感覚で「なんか優しいやつ」を探すのではなく、部品の条件で絞り込める。これが、部品の名前を知っている人の強さだ。

見分け方 ―― 文字を「解剖」する目

最後に、街やWebで書体を見たとき、それを部品にバラして読む目を持とう。次の順で見るとよい。

• 地面はどこか（ベースライン）――文字が乗っている下の線を意識する。g y p は下にはみ出している。
• 本体は大きいか小さいか（x-height）――a e o の本体が、上下の伸びに対してずんぐりか、控えめか。
• どれだけ黒く陣取っているか（字面）――文字どうしが詰まって力強いか、空気があってゆったりか。
• 内側の空き地は広いか狭いか（ふところ）――e o の穴がよく開いているか、きゅっと締まっているか。

この4点をチェックするだけで、「なんか優しい」「なんかカッコいい」が、具体的な部品の言葉に翻訳できる。そして翻訳できれば、自分の制作でも同じ部品を狙って書体を選べる。

これら4つの部品は、別々のルールではない。すべて**「文字は線ではなく、決まった部位を持つ構造体だ」という一つの見方**から出ている。次の章（書体の分類）では、この部品の目を使って、セリフ体とサンセリフ体がなぜあんなに性格が違うのかを読み解いていく。

譜例

棚（design-gallery）で実際のサイトを開き、見出しと本文の書体を、図8の4点（地面・x-height・字面・ふところ）で見比べてみよう。とくに、同じページの中でも見出しと本文で部品の寸法を変えていることに気づくはずだ。見るときは——本体の高さ（x-height）はどちらが高いか、内側の穴（ふところ）はどちらが開いているか、黒の量（字面）はどちらが多いか。この3点を口に出して比べると、「なぜ見出しは強く、本文は読みやすいのか」が部品の言葉で説明できるようになる。

練習・チェック

1. 好きなブランドのロゴを2つ選び、図7の対応表で「x-height・ふところ・字面」が左寄り（元気）か右寄り（上品）か、それぞれ判定してみよう。ロゴの性格と一致するか。
2. g y p の3文字がベースラインより下にはみ出していることを、身近な印刷物で確かめよう。この「はみ出す部分」を何と呼ぶか言えるか。（ヒント：下に降りる→○○○○）
3. 駅のサインや道路標識の書体が、なぜふところを広く取っているのか、一文で説明してみよう。（ヒント：小さく・遠くで何が起きるか）