![](https://handa-cp.co.jp/blog/wp-content/uploads/2021/06/3e25d0871f357ec0ecd26ad77539eebb-1.png)
最近はWEBデザインでも書体に凝ることができるようになってましたが、選ぶフォントひとつでWEBもグラフィックも印象が随分と変わります。
今日はそんな「書体」についてのお話です。まずは欧文書体から。
欧文の特徴をマスターしよう!
欧文とは、いわゆるアルファベットのことです。欧文書体には非常に多くの種類があり、一目見ただけで「まじめそう」「古い感じ」といった雰囲気が伝わってきます。
欧文は大きく分けて「セリフ体」「サンセリフ体」「それ以外」の3つに分類することができます。
セリフ体
![](http://www.handa-cp.co.jp/blog/wp-content/uploads/2021/06/9d537d6013f14932eda5e01ddd0fd052-1024x637.jpg)
文字の端にセリフという飾りがついたものがセリフ体です。日本語フォントでは明朝体と呼ばれるものが欧文フォントのセリフ体に当たります
![](http://www.handa-cp.co.jp/blog/wp-content/uploads/2021/06/1265642bd7a0d290f2b0a50ae64814b5-1024x608.jpg)
セリフ体は、「落ち着ついている」「やわらか」「繊細」「気品がある」「古風」「女性的」「アナログ」といった印象を持っています。
どちらかというとセリフ体は落ち着いたイメージです。高級感を演出したいときなどによく使われているようなイメージです。印刷物で長文のもの、文庫本などはセリフ体の方が可視性が高いため多く使われているようです。 筆で書いたときのような「とめ」や「はね」、線の強弱がしっかりあり、機械的な感じがしないのも特徴に感じます。
サンセリフ体
![](http://www.handa-cp.co.jp/blog/wp-content/uploads/2021/06/f3267ac974606b8182c99bedecdd27ac-1024x610.jpg)
文字の端にセリフがついていないものがサンセリフ体。 サンセリフとは「セリフがない。」という意味で、日本語フォントではゴシック体と呼ばれるものがサンセリフ体に当たります。
その登場はセリフ体よりずっと後です。当時は「グロテスク体」なんて呼ばれ方をしていました。グロテスク・・・セリフがないことに最初は違和感があったようですね。
サンセリフ体は、「元気」「固い」「強い」「はっきりしている」「先進的」「男性的」」「デジタル」といった印象を持っています。
セリフでもサンセリフでもない欧文
![](http://www.handa-cp.co.jp/blog/wp-content/uploads/2021/06/4cf22ca3fb82d888e4ebc182baf86de0-1024x730.jpg)
セリフとサンセリフ以外にも、手書き文字のようなデザインの「スクリプト」、ゴシック系と呼ばれる古典的な書体の「ブラックレター」、自由にデザインされたデザイナーズフォントなど、欧文フォントのバリエーションは和文に比べると豊富です。しかしこうしたデザインの特徴が強いフォントは、長文やじっくり読ませたい文章には不向きです。
![](http://www.handa-cp.co.jp/blog/wp-content/uploads/2021/06/c8a4e52a6fab8dbea0e064fab6d65bf5-1024x825.jpg)
欧文の構成要素
欧文はファイブラインという5つの線で構成されています。
![](http://www.handa-cp.co.jp/blog/wp-content/uploads/2021/06/b13b1bd0ea4714678ba05ec1655d5e0e-1024x421.jpg)
この中でとくに大事なのは「エックスハイト」。このラインが高いと小文字が大きくなり、「力強くモダン」な印象になりますが、圧迫感が出てしまいます。長文で使うと読みにくくなることもあるので、そうした場合は行間の調整が必要です。
![](http://www.handa-cp.co.jp/blog/wp-content/uploads/2021/06/53b2ff95be39bc051dc28e38443f2e46-976x1024.jpg)
![](http://www.handa-cp.co.jp/blog/wp-content/uploads/2021/06/b1ffa5b3a00dec7a6f05890d7134f0fc-931x1024.jpg)
カウンター
カウンターとは「C」「O」のように文字の中にある空間のことで、これが広いと「開放感」があり、「軽やかでモダン」な印象になり、狭いと「密度感」や「力強さ」を感じます。
![](http://www.handa-cp.co.jp/blog/wp-content/uploads/2021/06/1faf9d69046a9c278dace61eaaf2896b-947x1024.jpg)
![](http://www.handa-cp.co.jp/blog/wp-content/uploads/2021/06/eab26578f5719ca9043b757be05ac199-914x1024.jpg)
おまけ 「イタリック」と呼ばれる斜体について
斜め書体のほとんどは、イタリック(Italic)と言う名前が付いてます。この斜め書体、デザインのアプリケーションが進化した今日、斜めにするなんてあっという間にできてしまいます。こんなふうに。イタリック体ってほんとに必要なんでしょうか?
![](http://www.handa-cp.co.jp/blog/wp-content/uploads/2021/06/7194d6016a8f9939b5445f3cefb58f32-1024x540.jpg)
じつはただ単に斜めにしただけの書体は「オブリーク(Oblique)」と呼ばれるもので、イタリックとは別物なのです。斜めの書体の名前を見てみると書いてあります
![](http://www.handa-cp.co.jp/blog/wp-content/uploads/2021/06/2f9f232e8e5fb7a3a8446b7f69ecb4f3.jpg)
![](http://www.handa-cp.co.jp/blog/wp-content/uploads/2021/06/4c7f256b226139692fd2fc72e1b2f135.jpg)
ただ単に斜めにしたオブリークに対して、イタリックは斜め専用にデザインされた書体のことなんです。
![](http://www.handa-cp.co.jp/blog/wp-content/uploads/2021/06/0cf5b0643b561eac90e86e052fc34fcd-1024x472.jpg)
さて、最近では「かんたんなデザインは内製化だ!」とか、自社サイトのオウンドメディア化が進んだりなんかして、デザインの経験がない方でも書体を選定する機会が増えていると思います。
この記事が書体選定のお役に立てれば幸いです。