CSS の優れたフォントの組み合わせ
優れたデザインには、優れたフォントの組み合わせが不可欠です。
フォント ペアリング ルール
優れたフォントの組み合わせを作成するための基本的なルールを次に示します。
1.補完する
互いに補完し合うフォントの組み合わせを見つけることは常に安全です。
優れたフォントの組み合わせは、似すぎたり違いすぎたりせずに調和する必要があります。
2. フォント スーパーファミリーを使用する
フォント スーパーファミリーは、連携して機能するように設計されたフォントのセットです。したがって、同じスーパーファミリー内で異なるフォントを使用しても安全です。
たとえば、Lucida スーパーファミリーには、Lucida Sans、Lucida Serif、Lucida Typewriter Sans、Lucida Typewriter Serif、および Lucida Math のフォントが含まれています。
3. コントラストが王様
あまりにも似ている 2 つのフォントは競合することがよくあります。ただし、適切な方法で対比を行うと、各フォントの長所が引き出されます。
例: セリフとサンセリフの組み合わせは、よく知られている組み合わせです。
強力なスーパーファミリーには、同じフォントのセリフとサンセリフの両方のバリエーションが含まれます (例: Lucida と Lucida Sans)。
4.ボスを1人だけ選ぶ
1つのフォントがボスであるべきです。これにより、ページ上のフォントの階層が確立されます。これは、サイズ、重量、色を変えることで実現できます。
例
間違いなく「ジョージア」がここのボスです。
以下に、多くのブランドや状況に適した人気のあるフォントの組み合わせをいくつか示しました.
ジョージアとベルダナ
ジョージアとヴェルダナは古典的な組み合わせです。また、Web セーフ フォント標準にも準拠しています。
例
見出しには "Georgia" フォントを使用し、テキストには "Verdana" フォントを使用します。
Beautiful Norway
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
ヘルベチカとガラモンド
Helvetica と Garamond は、Web セーフ フォントを使用するもう 1 つの古典的な組み合わせです。
例
見出しには "Helvetica" フォントを使用し、テキストには "Garamond" フォントを使用します。
Beautiful Norway
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
人気のある Google フォントの組み合わせ
HTML で標準フォントを使用したくない場合は、Google フォントを使用できます。
Google Fonts は無料で使用でき、1000 以上のフォントから選択できます。
以下は、人気のある Google Web フォントのペアリングです。
メリウェザーとオープンサンズ
例
見出しには「Merriweather」フォントを使用し、テキストには「Open Sans」を使用します。
Beautiful Norway
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Ubuntu とローラ
例
見出しには「Ubuntu」フォントを使用し、テキストには「Lora」フォントを使用します。
Beautiful Norway
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
アブリル・ファットフェイスとポピンズ
例
見出しには "Abril Fatface" フォントを使用し、テキストには "Poppins" フォントを使用します。
Beautiful Norway
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
シンゼルとファウナワン
例
見出しには「Cinzel」フォントを使用し、テキストには「Fauna One」を使用します。
Beautiful Norway
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
マウント ワンとリブレ バスカヴィル
例
見出しには「Fjalla One」フォントを使用し、テキストには「Libre Baskerville」フォントを使用します。
Beautiful Norway
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
宇宙のモノとムリ
例
見出しには「Space Mono」フォントを使用し、テキストには「Muli」フォントを使用します。
Beautiful Norway
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
スペクトルとルービック
例
見出しには "Spectral" フォントを使用し、テキストには "Rubik" フォントを使用します。
Beautiful Norway
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
オズワルドとノトサンズ
例
見出しには「Oswald」フォントを使用し、テキストには「Noto Sans」を使用します。
Beautiful Norway
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
すべての無料の Google フォントのリストについては、ハウツー - Google フォント チュートリアル.
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。