Googleフォントを簡単に正しくペアリングする方法

ドキュメントを作成するときの経験則では、1つのフォントのみを使用します。 複数のフォントを使用することは決して良い考えではありません。 このルールは、印刷またはWeb用にデザインしているときにウィンドウの外に出ます。 異なるフォントを使用すると、実際にポスターやバナー画像の見栄えを良くすることができます。 フォントを見つけるのは簡単ではありませんが、それらをペアリングするのはさらに困難です。 試行錯誤の量は時間がかかります。 Google Fontsは、無料フォントの人気のあるソースです。 Googleフォントを使用している場合は、BandmarkのFontGeneratorを試してみる必要があります。 これは、GoogleフォントをペアリングできるWebアプリです。

Webアプリでは、最大3つのGoogleフォントをペアリングできます。 使用する3つのフォントを手動で選択して、それらがどのように表示されるかを確認するか、1つのフォントを選択すると、アプリが他の2つのフォントとペアリングするかを指示します。 フォントの違いや類似度を選択できます。

GoogleFontsをペアリングする

訪問 フォントジェネレーターアプリ。 すでにフォントを選択している場合は、ドロップダウンから選択します。 そうでない場合は、アプリのランダムペアリングツールを使用できます。 3つのフォントすべてを選択して、それらがどのように並んでいるかを確認できます。 フォントの違いを選択するには、フォント選択ツールの下にあるバリエーションスライダーを使用して、バリエーションのレベルを設定します。

理想的には、バリエーションを増減すると、フォントドロップダウンのフォント名が変わるはずですが、必ずしもそうとは限りません。 これはアプリの小さなバグですが、あまり心配する必要はありません。 プレビューセクションまで下にスクロールして、フォントが隣り合ってどのように表示されるかを確認します。 表示されているものが気に入った場合は、フォントをクリックするとダウンロードページに移動します。

さらに下にスクロールすると、ツールは現在のフォントの組み合わせを誰とでも共有するためのリンクを提供します。

HTMLとCSS

BandmarkのFontGeneratorは、Webページにフォントを使用する場合に、Webサイトに追加するHTMLおよびCSSコードスニペットも提供します。 Webページのフォントをペアリングする必要がない場合は、フォントをダウンロードしてシステムにインストールし、デザインツール/アプリで使用できます。

Bandmarkのフォントジェネレータは、カラーパレットジェネレータのように機能します。 カラーパレットジェネレーターを使用すると、テーマに含まれる色の数と、各色が他の色とどの程度対照的であるかを選択できます。 当然のことながら、このツールは限られた数のフリーフォントに制限されています。 フォントの数が多すぎるため、すべてのフォントでフォントの組み合わせを見つけて作成できるとは期待できません。