書体とフォントの基本について知ろう

谷町くん

フォントって色々あるけど、何でも使っていいのかな？

トリペン先生

フォントはシーンや目的に合わせて印象が変わるため。
適切に選ぶ必要があるんだよ。

文字を上手に扱えるようになれば、制作できるデザインの幅が広がりますよ。

・フォントと書体の違い、書体の要素がわかる！
・英文と和文の特徴的な文字の形について整理できる！
・書体に関する用語が整理して分かるようになる！

記事の内容

フォントの基本：「フォント」と「書体」を理解する

デザインを考えていく上で欠かせないのが「文字」の要素です。

文字はそれだけでロゴやタイポグラフィとして、デザインができるとても奥深い要素です。
学ぼうと思えばどんどん情報がでてくるので、難しいと感じてしまう方もきっと多いでしょう。
ですが、最初から全ての用語を理解する必要はありません。

まずは、書体とフォントの基本的な情報を覚えていきましょう。
次の項でもう少し詳しく紹介していきます。

書体とは？
書体とは、文字を一定のルールで統一したデザインにした文字の形のスタイルのこと。タイプフェイスとも呼ばれます。
例：明朝体、ゴシック体、サンセリフ体など……。

フォントとは？
フォントとは、「同じ書体、同じサイズのアルファベット大文字、小文字、数字、記号類が１セットになったもの」のことを本来表していました。ですがインターネットの普及に伴って、書体とまとめて文字のスタイル全般を表すような言葉になりました。

厳密に両方の違いをきっちり分ける必要はありません。
Webの業界では主に「フォント」の方がよく使われます。多くの方はフォントと書体を同じような意味で使っていることがほとんどです。
会話の中で何のことを指しているのか判断できるように、用語は両方とも覚えておきましょう。

豆知識
一つのフォントを基本にして、バリエーションを増やしたものをまとめて「フォントファミリー」といいます。
以下のように派生していることが多いです。
最初のうちは細かい部分まで覚えなくても大丈夫ですが、「ウェイト（太さ）」などは、用語としてよく使われるので覚えておくといいでしょう。

・ウェイト（太さ）が違うもの
・オブリック・イタリック（斜めに傾いているもの）
・コンデンスト（文字幅の狭いもの）
・エクステンデッド（文字幅の広いもの）など…

講座を完了したらクリックしてね！