相性の良いフォント: Roboto Condensed

Christian Robertson によるサンセリフフォント Roboto Condensed と相性のよい無料フォントを 6 種紹介します。どの組み合わせも実際の見出しと段落で組んであるので、一緒に使ったときの印象を確かめられます。

いちばんの組み合わせ

Roboto Condensed と Roboto Slab

見出し Roboto Condensed、本文 Roboto Slab

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

見出し Roboto Slab、本文 Roboto Condensed

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

王道のコントラストです。サンセリフの Roboto Condensed とセリフの Roboto Slab はひと目で印象が違うので、似た雰囲気を保ちながら見出しと本文をはっきり区別できます。

組み合わせ 2

Roboto Condensed と Noto Serif

見出し Roboto Condensed、本文 Noto Serif

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

見出し Noto Serif、本文 Roboto Condensed

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

王道のコントラストです。サンセリフの Roboto Condensed とセリフの Noto Serif はひと目で印象が違うので、似た雰囲気を保ちながら見出しと本文をはっきり区別できます。

組み合わせ 3

Roboto Condensed と Crimson Pro

見出し Roboto Condensed、本文 Crimson Pro

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

見出し Crimson Pro、本文 Roboto Condensed

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

王道のコントラストです。サンセリフの Roboto Condensed とセリフの Crimson Pro はひと目で印象が違うので、似た雰囲気を保ちながら見出しと本文をはっきり区別できます。

組み合わせ 4

Roboto Condensed と Bitter

見出し Roboto Condensed、本文 Bitter

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

見出し Bitter、本文 Roboto Condensed

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

王道のコントラストです。サンセリフの Roboto Condensed とセリフの Bitter はひと目で印象が違うので、似た雰囲気を保ちながら見出しと本文をはっきり区別できます。

組み合わせ 5

Roboto Condensed と Roboto Serif

見出し Roboto Condensed、本文 Roboto Serif

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

見出し Roboto Serif、本文 Roboto Condensed

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

王道のコントラストです。サンセリフの Roboto Condensed とセリフの Roboto Serif はひと目で印象が違うので、似た雰囲気を保ちながら見出しと本文をはっきり区別できます。

組み合わせ 6

Roboto Condensed と Noto Serif JP

見出し Roboto Condensed、本文 Noto Serif JP

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

見出し Noto Serif JP、本文 Roboto Condensed

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

王道のコントラストです。サンセリフの Roboto Condensed とセリフの Noto Serif JP はひと目で印象が違うので、似た雰囲気を保ちながら見出しと本文をはっきり区別できます。

Roboto Condensed の組み合わせに関する質問

Roboto Condensed に最も合うフォントは?

いちばんのおすすめは Roboto Slab です。 王道のコントラストです。サンセリフの Roboto Condensed とセリフの Roboto Slab はひと目で印象が違うので、似た雰囲気を保ちながら見出しと本文をはっきり区別できます。

Roboto Condensed は見出しと本文のどちらに使うべきですか?

どちらでも使えます。Roboto Condensed は複数のウェイトがあるので、見出しにも本文にも使えます。上で両方の順番を試して、読みやすいほうを選んでください。

これらのフォントの組み合わせは商用利用できますか?

はい。このページのフォントはすべてオープンライセンスで、ロゴ、Web サイト、印刷物を含め、個人でも商用でも無料で使えます。

Web サイトで 2 つのフォントを使うには?

それぞれのフォントページを開き、Web 用の埋め込みコードをコピーします。両方を HTML でリンクしたら、CSS で h1、h2、h3 に見出し用フォントを、body または p に本文用フォントを指定します。