1.書体(Typeface)とフォント(Font)の違い
まずこれの違いについて確認します。
ざっくりと言えば、
- 書体(Typeface): 文字の形の世界観を表す
- フォント(Font): その文字たちを実際に表示・印字する際のより細かな規則を表す
ということかなと思います。
具体的に言うと、Helvetica や Times New Roman が書体です。
Helvetica Bold 50px や Times New Roman Regular 10px など、
大きさや線の太さなど表示・印字するときに必要な情報まで含めたのがフォントとなります。
他のブログを見ると
現在だとほぼ同義のように使われているため、(書体の専門家でなければ)それぞれ言い換えても全然伝わるでしょう、
と言う感じのようですね。
1-1.フォントの語源
上記のように、現在だと「書体」との境界線が曖昧になりつつありますが、
昔ははっきりと使い分けがなされていたようです。
フォントとはその昔「活字印刷する際に利用する活字たちの一揃い」の事を指していたようです。
印刷するときには活字たちを一文字ずつ手作業で並べる必要があったと思いますが、
その際文字の大きさが違っていると、正しいものに入れ替えをする必要があり労力がかかりますね。
印刷する時にフォントを同じものにするには今よりはるかに注意が必要だったと思うので、
きちんと使い分けられていたのだと思います。
2.欧文書体の大まかな分類
分類方法は特に定まったものがなさそうなため、以降の分類は一例として捉えてもらえれば。
欧文書体はまず大きく分けて以下の4つに分けることができそうです。
- セリフ体 (ローマン体)
- サンセリフ体
- スクリプト体
- 装飾体
参考: Fonts.com: Type Classifications
3.セリフ体とサンセリフ体の違い
- セリフがあるのがセリフ体
- セリフがないのがサンセリフ体
セリフ(Serif)とは、文字の端にあるひげのような装飾です。
サンセリフ(Sans-Serif)のサン(Sans)はフランス語で「無い」という意味になります。
ですのでサンセリフはセリフがない書体という意味になります。
では以下、先述の4つの分類について更に細かく分類します。
4.セリフ体(ローマン体)
上述の通り、文字の端にひげのような装飾のある書体です。
和文書体で言うと明朝体に近いです。
4つに分類する場合、例えば以下のような分類ができます。
- オールドローマン
- 主な特徴: 古めかしい印象。
ひげが太い。oが傾いている、eの横棒が斜めになりがち など。
更に2つに細分化する場合は以下のようにもできる。- ヴェネチアン・ローマン
- 主な特徴: e の横棒が斜め、oが傾いている、ひげが太い(Bracket Serif) など
- (Adobe) Jenson
- Centaur
- 他にも Trajan、ITC Berkeley Oldstyle、Brioso、Hightower、Schneidler、 Lutetia、Spira など
- オールド・ローマン
- 主な特徴: e の横棒が真横、oが少し傾いている、ひげが太い(Bracket Serif) など
- (Adobe) Garamond
- Caslon
- 他にも Palatino、Bembo、Sabon、Van Dijck、Galliard、Granjon、Goudy Old Style、Minion など
- ヴェネチアン・ローマン
- 英語版のWiki: オールド・ローマンの一覧
- 主な特徴: 古めかしい印象。
- トランジショナル・ローマン
- 主な特徴: オールド・ローマンと以下のモダン・ローマンの中間。
変遷中という意味でトランジショナル。トラジショナル(伝統的)という単語ではない。
e の横棒が真横、oが直立、ひげがやや太い(Bracket Serif) など。 - Baskerville
- Times New Roman
- 他にも Century、Freight Text、Fournier、Bookman、Perpetua、Georgia、Plantin など
- 英語版のWiki: トランジショナル・ローマンの一覧
- 主な特徴: オールド・ローマンと以下のモダン・ローマンの中間。
- モダン・ローマン
- 主な特徴: 都会的で洗練された印象。
e の横棒が真横、oが直立、ひげがとても細い(Hair Serif) など - Didot
- Bodoni
- 他にも Walbaum など
- 英語版のWiki: モダン・ローマンの一覧
- 主な特徴: 都会的で洗練された印象。
- スラブ・セリフ
- 主な特徴: エジプシャンとも呼ばれる。
モダン・ローマンとは逆で、ひげがとても太い(Slab Serif)。 - Rockwell
- Egyptienne
- 他にも Clarendon、Trilby、Courier、Prestige Elite、Ionic、Memphis、Beton、Serifa など
- 英語版のWiki: スラブ・セリフの一覧
- 主な特徴: エジプシャンとも呼ばれる。
1.ヴェネチアン・ローマン から3.モダン・ローマンに向かって年代が新しくなります。
セリフ体の詳細な解説は以下のサイトたちがとても参考になりそうです。
- Bulanco: 欧文書体の基本的な歴史と知識から学ぶことローマン体編
- Typetuto: ローマン体の歴史
- cottala-becco: いつか役立つかもしれないので、ローマン体を見分けられるようになっておこう
5.サンセリフ体
こちらは文字の端にひげがない書体となります。
和文書体で言うとゴシック体に近いです。
4つに分類する場合、例えば以下のような分類ができます。
- グロテスク
- 主な特徴: エレガントなセリフ体との対比からグロテスク。ゴシックとも呼ばれる。線の太さが不均一。
- Akzidenz Grotesque
- Venus
- その他にも Franklin Gothic、DIN、Mmonotype Grotesque、News Gothic など
- 英語版のWiki: グロテスクの一覧
- ネオグロテスク
- ジオメトリック
- 主な特徴: より幾何学的な形。そのため可読性はあまりよくない場合が多い
- Futura
- Kabel
- その他にも Bernhard Gothic、Erbar、Avenir、Gotham、Avan Garde Gothic、Brandon Grotesque など
- 英語版のWiki: ジオメトリックの一覧
- ヒューマニスト
- 英語版のWiki: ヒューマニストの一覧
サンセリフ体の詳細な解説は以下のサイトたちがとても参考になりそうです。
6.スクリプト体
こちらは手書きに似せたフォントになります。
2つに分類する場合、例えば以下のような分類ができます。
- フォーマルスクリプト
- 主な特徴: エレガントで風格がある。羽根ペンのような筆跡となる。
- Bickham Script
- Shelley Script
- その他にも Snell Script、Kuenstler Script、Snell Roundhand など
- カジュアルスクリプト
- 主な特徴: 親しみやすく格式ばらない形。ペンやブラシで素早く書いたような筆跡となる。
- Brush Script
- Kaufmann
- その他にも Zapfino、Mistral など
読みづらくはあるので、地の文で使うことは少なそうで、
表彰状や招待状などエレガントで高級な世界観を表現するときによく使われるようです。
ちなみにとても荘厳な趣のあるブラックレターという書体も、スクリプト体の一部です。
スクリプト体の詳細な解説は以下のサイトたちがとても参考になりそうです。
7.装飾体
看板や見出しなどに使用される、印象的なフォント。
インライン、グランジ、ステンシルなど様々な形態が内包されています。
などがあります。
多様なため一括りに語れませんが、
インパクトを与えたいキャッチコピーなどに使うのがよさそうです。
可読性はよくないと思うので、通常は本文に使うのは避けた方がいいかもしれません。
8.最後に
ざっくりとまとめてみました。
ロゴやWebのデザインに活かせればと思います！
Web-y.dev 