セリフ体とサンセリフ体の違いは?セリフ体の定番フォント12選

019_CC_MARQUEE

「セリフ(Serif typeface)」は、文字「セリフ(serif)」呼ばれる装飾ついいる欧文書体ことです。

 

手書き文字名残感じさせるデザイン特徴で、「古典的」「伝統的」といった印象与えたいときよく用いられます。

ただし、ひと「セリフ体」言っも、実は多く種類あります。

例えば、よう細いセリフもつセリフ近代おしゃれ雰囲気もち、太いセリフもつフォント力強感じさせます。

このようセリフは、セリフ(先端装飾)違いなどによって、様々印象与えくれるです。

 

そこで記事は、セリフ特徴定番12セリフ紹介ます。

記事読みいただくと、作りたいデザイン合っセリフ選べるようなるでしょう。

 

なお、セリフよく名前書体「サンセリフ(Sans-serif typeface)」あります。

このサンセリフは、セリフ(先端装飾)付いない欧文書体指します。

記事は、セリフサンセリフ違い解説ます。

それでは、セリフ奥深い世界一緒いきましょう。

1.セリフ(ローマン体)

 

「セリフ(Serif typeface)」は、「セリフ(serif)」呼ばれるまたは長方形装飾ついいる欧文書体です。

古代ローマ生まれ文字もと作らことから、「ローマン(Roman typeface)」呼ばます。

印刷手法として活版印刷主流だっ15世紀に、最初セリフ活字作らました。

セリフ体のフォントにおけるセリフの場所を示した図

セリフハケ書い文字ベースなっいるいわます

ペン文字書いとき文字変化生じ経験ないでしょ

セリフ同様文字変化ある特徴です

例えばA文字セリフ近づくほど太く異なっいるわかります

 

このようセリフ手書き文字名残られ書いよう温かみ筆跡感じられます

特に初期セリフから古典伝統といった印象受けること多く日本語明朝体ようニュアンス感じられます

 

一方その後均一幾何学的モダン印象受けるセリフ作られるようなりまし

 

セリフ作ら時期見た目特徴によって以下5分類ます

15いくほど現代寄りフォントなっいきます

 

1. ヴェネチア・ローマンVenetian Roman

2. オールドローマンOld Roman

3. トランジショナル・ローマンTraditional Roman

4. モダンローマンModern Roman

5. スラブセリフローマンSlab Roman

5種類のセリフ体の特徴と比較

この5分類歴史背景大きく関わっいるのでこれら分類きちんと理解する歴史出来事について深く知る必要あります

 

そこで記事もう少しシンプルセリフ魅力伝えるためセリフ先端装飾形状セリフ3分類解説ます

 

3種類セリフ先端装飾特徴

 

セリフセリフ先端装飾形状大きく3分類できます

 

1ブラケットセリフBracketed serif

2ヘアラインセリフHairline serif

3スラブセリフSlab-Serif

セリフの形別に3種類のセリフ体を比較した図

ブラケットセリフBracketed serifブラケットBracket三角形という意味です

セリフ文字つながり三角形よう見え書いよう柔らか温かみ感じさせます

ヘアラインセリフスラブセリフ見比べるその違いわかりやすいでしょ

 

一方ヘアラインセリフHairline serif髪の毛Hairlineよう直線セリフです

ブラケットセリフ比べるシャープ印象受けます

 

右端紹介いるスラブセリフSlab-SerifスラブSlab平たいという意味表す言葉です

そのとおりセリフ長方形厚みある特徴です

スラブセリフ用いられセリフ力強安定あります

 

このよう先端装飾あるセリフ見た目違いによってセリフ印象異なります

 

セリフサンセリフ違い

 

セリフなる書体サンセリフSans-serif typefaceあります

サンセリフサンsansフランス語ないという意味表します

つまりサンセリフセリフ先端装飾もたない欧文書体指します

セリフ体とサンセリフ体は主にセリフの有無が異なる

前述よう最初セリフ活字生まれ15世紀です

一方サンセリフセリフより歴史浅く19世紀誕生まし

 

サンセリフ装飾なくクッキリいるため離れ場所からたり視界悪いときたり文字判別やすいという特徴あります

そのためサンセリフ作ら始め広告ディスプレイ標識など使わまし

しかし現在Webサイト商品説明本文など用いられるようなっます

 

サンセリフ種類よく使われる定番フォントについて以下記事詳しく解説ますのでぜひチェックください

 

サンセリフ特徴定番フォント12

 

セリフサンセリフ違いわかっところここから再度セリフについて取り上げデザインよく用いられる定番12セリフ紹介ます

 

セリフこんなに多くバリエーションあるということ知っいただきぜひ今後デザイン役立てください

 

定番セリフ12

 

ここWindowsMac標準インストールいるフォントからAdobe Fontsといったサードパーティーフォントサービス取得可能フォントまでデザインよく使われる12セリフ紹介ます

 

なおフォントによって複数派生もつ場合あります

たとえばGaramondというフォントAdobe GaramondATF Garamond Subheadなど同じGaramondという冠し複数フォントあります

これ基本なるGaramondベース多くフォントメーカー企業によって独自フォント作らためです

 

記事派生あるフォントについてベースなっいるフォントについて取り上げます

 

1. Centuryセンチュリー

2. Times New Romanタイムズニューローマン

3. Trajanトラジャントレイジャン

4. Garamondギャラモンガラモンガラモンド

5. Sabonサボン

6. Caslonキャスロンカスロン

7. Minionミニオン

8. Baskervilleバスカヴィル

9. Didotディド

10. Bodoniボドニ

11. Rockwellロックウェル

12. Clarendon クラレンドン

 

1Centuryセンチュリー

「Century」を使って英語の短文とアルファベットを書いた例

教科書文献など長文組むため作らフォント文字少なく読みやすい特徴です

WordExcelといったMicrosoft Office製品付属おりビジネス文書よく用いられます

 

  • 19世紀アメリカ生まれフォント
  • それぞれ大きな無く長文読みやすい特徴
  • Adobe FontsCentury Old Styleインストール可能
  • Century Old Style手書き文字ベースデザインオールドスタイル呼ばれる種類フォント

 

Adobe FontsCentury Old Style詳しく見る

 

2Times New Romanタイムズニューローマン)/ Times Romanタイムズローマン

「Times New Roman」を使って英語の短文とアルファベットを書いた例

Times New Roman1932イギリス新聞The Timesそれまで使わデザイン活字から読みやすい活字切り替える作っフォントです2

新聞作らだけありクセなく小さい文字読みやすいため長文ビジネス資料などよく用いられます

 

  • 1932イギリス新聞The Times活字作らフォント
  • モノタイプおよびライノタイプフォント一般販売もちモノタイプ販売するフォントTimes New Romanライノタイプ販売するフォントTimes Roman呼ばれるようなっ
  • Times RomanMacTimes New RomanWindowsMac両方標準インストールいる

 

3Trajanトラジャントレイジャン

「Trajan」を使って英語の短文とアルファベットを書いた例

Trajanローマ1世紀建立トラヤヌスTrajan記念刻ま文字ほぼ忠実再現デザインフォントです

EIよう文字とくに狭くNOよう文字とくに広く作らます

JQ下部ベースライン欧文書体並びから長く飛び出いる特徴です

セリフ体の特徴である「セリフ」の部分を示した図

文字特徴あわせメリハリあるデザインにより高貴印象与えたいときよく用いられます

 

  • 1989アドビキャロル・トゥウォンブリーデザインフォント3
  • 古典王道高貴など印象もつ
  • 1世紀小文字なかっためTrajan大文字のみ用意いる
  • 海外映画ポスタータイトルよく使わおり有名作品TITANICタイタニックマイケルジャクソンドキュメンタリー映画THIS IS ITある

 

Adobe FontsTrajan詳しく見る

 

4Garamondギャラモンガラモンガラモンド

「Garamond」を使って英語の短文とアルファベットを書いた例

Garamond文字セリフ曲線柔らかくつながっいる特徴です

伝統柔らかいといった印象加え高級力強感じさせるフォントです

 

なおGaramond時代流行合わせ多くバリエーション生まれこと有名です

例えばAppleアドビGaramondベースオリジナルフォントApple GaramondAdobe Garamond作りコーポレートフォントとして使用まし

 

  • 16世紀半ばフランスクロード・ギャラモン作っ活字ベースデザインれる4
  • オールドローマン属し柔らかい曲線特徴
  • 活字鋳造フォントメーカー企業オリジナル作成多くGaramond生まれる

 

Adobe FontsAdobe Garamond詳しく見る

 

5Sabonサボン

「Sabon」を使って英語の短文とアルファベットを書いた例

Garamondベースデザインフォントです

Garamond同様古典印象持ちつつ洗練から上品感じられます

文書本文サイズ読みやすく書籍などよく用いられます

 

  • 1964ドイツカリグラファーヤンチヒョルトGaramond参考デザインフォント5
  • 書籍本文始め高級上品強調たいプロダクトパッケージなど用いられいる

 

Adobe FontsSabon詳しく見る

 

6Caslonキャスロンカスロン

「Caslon」を使って英語の短文とアルファベットを書いた例

Garamond同じくオールドローマンられる古典優雅といった雰囲気もつフォントです

英数字特徴強調デザイン見る安定与えます

公的文書使えるほど汎用高く欧米広く普及まし

 

Caslon活字からデジタルまで各社から多く派生フォント作らます

 

  • 1722活字製造おこなっイギリスウィリアム・カスロン作っ書体見本もとデザイン
  • アメリカ独立宣言憲法初版用いられこと有名6
  • Adobe FontsAdobe CaslonBig Caslonインストール可能
  • Adobe Caslonウィリアムカスロン書体見本ベースアドビデジタル書体として復刻フォント
  • Big Caslon見出し作らmacOS Monterey標準フォントとして搭載いる202211現在

 

Adobe FontsAdobe Caslon詳しく見る

 

Adobe FontsBig Caslon詳しく見る

 

7Minionミニオンミニヨン

「Minion」を使って英語の短文とアルファベットを書いた例

最も汎用本文フォント一つです

セリフ曲線緩やか優しい印象受けるほかクセ少ないため本文だけなく見出しよく用いられます

 

  • 1990アドビロバート・スリンバックデザインオールドローマンセリフ7
  • minionかつて7ptフォントサイズ表すため用いられ言葉

本文など小さなサイズ7ptサイズ使われること想定作ら

  • 現在65フォントファミリーあり見出し装飾など様々場面使用いる

 

Adobe FontsMinion詳しく見る

 

8Baskervilleバスカヴィルバスカービル

 

「Baskerville」を使って英語の短文とアルファベットを書いた例

文字横線細くシャープ伝統高貴感じさせるフォントです

 

ジュエリーブランドTiffany & Co.」アメリカ洋服ブランドkate spadeなど企業ロゴBaskervilleベースデザインます

 

  • 18世紀イギリスジョン・バスカヴィルデザイントランジショナル・ローマンセリフ8
  • 作ら当時イギリスあまり受け入れられアメリカフランス多く用いられ
  • Adobe FontsドイツURWロシアパラタイプPTデザインBaskerville URWBaskerville PTインストール可能

 

Adobe FontsBaskerville URW詳しく見る

 

Adobe FontsBaskerville PT詳しく見る

 

9Didotディド

「Didot」を使って英語の短文とアルファベットを書いた例

直線セリフヘアラインセリフ用いられおり太い部分細い部分大きい特徴です

モダンおしゃれ優雅印象もつフォントあることからファッション美容など業界よく用いられます

例えばファッションブランドZARAArmaniアルマーニアメリカファッション雑誌VOGUEなどロゴDidotベース作らます

 

  • 1800前後フランスファルマン・ディドベースなる書体デザイン
  • その後多くフォントデザインアドリアン・フルティガーなどディド書体ベースデジタル書体作成9
  • ファッション美容業界人気フォント

 

Adobe FontsLinotype Didot詳しく見る

 

10Bodoniボドニ

「Bodoni」を使って英語の短文とアルファベットを書いた例

Didot同様細いヘアラインセリフもち文字太い特徴です

Didotより文字空間若干狭くモダン上品兼ね備えます

 

ファッション雑誌ポスターなど使われることもちろんレストランなど文字ゆったり空け高級演出する場合使われることあります

ミュージカル映画マンマ・ミーアタイトルBodoni組まます

 

  • 1800前後イタリアジャンバッティスタ・ボドニ作っ活字書体忠実再現デジタルフォント(※10)
  • 各社から書体かけ離れデザインものまたは見出し太いものなど様々Bodoni作られる
  • Adobe FontsドイツURWデザインBodoni URWインストール可能

 

Adobe FontsBodoni URW詳しく見る

 

11Rockwellロックウェル

「Rockwell」を使って英語の短文とアルファベットを書いた例

厚みある長方形スラブセリフもつRockwellどっしり安定あります

また曲線直線ほぼ均一無骨ヴィンテージあるフォントです

可読性高いため見出しコピーなどよく使わます

 

  • 1910 フォントメーカーInland制作Litho Antique名前リリース書体ベース作らフォント11
  • Franklin Gothic代表れるよう初期サンセリフグロテスク・サンセリフよう幾何っぽ無骨もつ

 

Adobe FontsRockwell詳しく見る

 

12Clarendon クラレンドン

游ゴシックで組んだ長文の例

Clarendonスラブセリフもつセリフ一つです前述Rockwell比べるブラケットセリフよう柔らか曲線られます

またQRはねるよう作りcaなどられるボールケルンなどからRockwellより全体丸く柔らかい印象受けます

 

Clarendonベース作ら有名企業ロゴSONYROLEXなどあります

 

  • Rockwell並びスラブセリフもつ代表セリフひとつ
  • 抑揚ありスラブセリフもちながら全体柔らかい印象もつ

 

Adobe FontsClarendon詳しく見る

 

ここまでデザインよく使われる12定番セリフ紹介まし

セリフ使ったいというまずは上記セリフなかから選ぶオススメです

 

作りたいデザインイメージ方向によって上記以外セリフ適しいる場合あるでしょ

オススメたいAdobe Fontsです

Adobe Fonts20,000以上フォントからイメージ合うフォント探せます

 

様々セリフインストールできるAdobe Fonts

 

Adobe FontsIllustratorPhotoshop 開発いるアドビフォントサービスです

記事紹介セリフIllustratorPhotoshopなど有料Adobe Creative Cloud契約いるあれいずれ追加料金支払いなく使いいただけます

Times New RomanAdobe Fonts使えませ

 

なおAdobe Fonts無料Adobe ID作成するだけ1,000以上フォント使用できます

有料Adobe Creative Cloud契約いる場合20,000種類以上フォント使えます202211時点

セリフ以外欧文書体日本語書体数多く揃えますのでぜひクリエイティブ制作活用ください

 

またこれだけフォント多い選び切れないという安心ください

フォントパックページトロやさしいなど印象スマホPCやすいなど用途フォント紹介ます

作りたいデザイン目的雰囲気合っフォントパックなかから好みフォント選べます

「Adobe Fonts」のフォントパックでは作りたいイメージに合うフォントを選べる

なおAdobe FontsAdobe製品だけなくWordExcelなどOffice製品iPadiPhoneなどiOS端末使えます

Microsoft Officeなどアプリフォント使う方法について以下記事参考ください

 

Adobe FontsからインストールフォントMicrosoft Officeアプリ使う方法

 

Adobe Fonts魅力フォント定期追加ます

ぜひ様々フォント使っ魅力デザイン実現ましょ

 

Adobe Fontsフォント探しみる

 

参考文献

How to Design いちばん面白いデザイン教科書出版エムディエヌコーポレーション /  カイシトモヤ

欧文書体 その背景使い方出版美術出版 / 小林

フォントふしぎ ブランドロゴなぜそう見える出版美術出版 / 小林

 

1Century type family - Wikipedia

2Times Modern現代 | Monotype.

3Trajan | Adobe Fonts

4Garamond Premier | Adobe Fonts

5Sabon | Adobe Fonts

6Adobe Caslon | Adobe Fonts

7Minion | Adobe Fonts欧文書体 その背景使い方出版美術出版 / 小林

8John Baskerville Font | MyFonts

9Firmin Didot Font | MyFontsフォントふしぎ ブランドロゴなぜそう見える出版美術出版 / 小林

10フォントふしぎ ブランドロゴなぜそう見える出版美術出版 / 小林

11Rockwell | Adobe Fonts