AIフォント組み合わせジェネレーター

フォントの組み合わせの見つけ方

1. どこからでも始める。ブランドを数語で説明すると（「落ち着いた高級スキンケア」など）、AIが3つの組み合わせを理由付きで提案します。「シャッフル」を押すか、ギャラリーから選ぶこともできます。
2. 気に入ったものを残す。見出しか本文のフォントをロックしてもう一度シャッフルすると、残したフォントに合う相手が出てきます。フォント名をクリックすると、1,900以上のGoogle Fontsから検索できます。
3. 自分の言葉で試す。サンプルテキストをクリックして、自分の見出しを入力します。太さを変えて、太字や細字での見え方も確認できます。
4. 投稿で確認する。組み合わせは、選んだテーマの色で、カルーセルと画像投稿に表示されます。aiCarouselsが作るのと同じ見た目です。
5. 使う。HTML、@import、Tailwindのコードをコピーするか、このフォントでアプリを開きます。

2つのフォントの相性を決めるもの

• 対立ではなく対比。セリフの見出しとサンセリフの本文、縦長のディスプレイ書体とシンプルなサンセリフのように、はっきり違うフォントを組み合わせます。ほとんど同じ2つは避けましょう。
• 個性は1つに。個性は見出しに任せます。本文フォントの役目は目立たないことです。そろった文字、開いた形、使いやすいレギュラーとボールドがあるものを選びます。
• 似たプロポーション。xハイト（小文字の高さ）が近いフォント同士は、スタイルが違ってもなじみます。
• 2つで十分。見出しに1つ、本文に1つ。それ以外は、3つ目のフォントではなく太さとサイズで変化をつけます。
• 小さいサイズで確認する。スマホで見るカルーセルの本文はとても小さくなります。40 pxで上品に見えるフォントでも、12 pxでは崩れることがあります。

SNS投稿向けのフォントの組み合わせ

これらは、アプリのテーマで使われている組み合わせの一部です。ツールの下のギャラリーには、そのすべてと、定番のGoogle Fontsの組み合わせがあります。

ウェブサイトで使う

ここにあるフォントはすべてGoogle Fontsのもので、オープンソースのため商用でも無料で使えます。コードをコピーしてください。HTML版はページの<head>に、@import版はCSSの先頭に入れます。Tailwind版は設定にfont-headingとfont-bodyを追加します。使う太さだけが読み込まれるので、ページは速いままです。

無料でできることと、アプリで増えること

フォント組み合わせジェネレーターは無料で、アカウントも不要です。AIの提案には1日の上限があります。aiCarouselsは、あなたのフォントと色でカルーセル、画像投稿、動画を作ります。アイデアを書けば、どのスライドもブランドどおりに仕上がります。