メインコンテンツにスキップ

フォントペアリング

Monotype Fonts とのフォトペアリングについて学ぶ

Supriya Bisht avatar
対応者:Supriya Bisht
昨日アップデートされました

フォントペアリングは、2 つ以上のフォントを組み合わせて、調和とバランスが取れたスタイリッシュで読みやすいデザインに仕上げる技術です。

A close-up of a logo

AI-generated content may be incorrect.

フォントペアリングは、テキストを含むクリエイティブプロジェクト(例:ロゴ、ポスター、ちらし、招待状、ソーシャルメディアへの投稿、Web サイト、書籍、ジャーナル、プレゼンテーションなど)で、ビジュアルアピールと読みやすさを実現するために重要な役割を果たします。

このセクションでは下記について説明します。

注記:一貫性と使いやすさを維持するために、上記のすべての手順は、フォント検索、フィルタリング、ダウンロード、同期/同期解除、お気に入り登録/解除、ライブラリへの追加と類似させています。


フォントのペアリング

  1. Browse(閲覧)]>[Fonts(フォント)]ページに移動します。

    A screenshot of a computer

AI-generated content may be incorrect.

  2. お好みのフォントの横に表示されたペアアイコン をクリックし、プライマリフォントに設定します。このプライマリフォントに基づいて、フォントペアが提案されます。

    注記:フォントペアリングをサポートしていないフォントでは、ペアアイコン

    が無効になります。当社では現在、フォントペアリングが可能なフォントを増やしています。

A screenshot of a computer

AI-generated content may be incorrect.

次の選択肢のいずれでも選択できます。

  • 見出し:フォントペアに、プライマリフォントを見出しとして含めます。

  • 本文テキスト:フォントペアに、プライマリフォントを本文テキストとして含めます。

A screenshot of a computer

AI-generated content may be incorrect.


フォントペア検索にフィルターを適用

フォント検索でフィルターを適用するのと同じ方法で、ペア検索にもフィルターを適用できます。

次の手順で、フォントペア検索にフィルターを適用します。

  1. フォントペアのページに移動します。

  2. 左ペインからフィルターを選択し、フォントペア検索に適用します。

注記:フォントペアでは、他のフィルターに加え、ペア条件フィルターも使用できます。次の選択肢のいずれも選択できます。

  • コントラスト:プライマリフォントに違うファミリーのフォントを組み合わせたい場合。

  • 同じファミリー内:プライマリフォントに同じファミリーのフォントを組み合わせたい場合。

A screenshot of a phone

AI-generated content may be incorrect.


フォントペアのスタイルの変更

ドロップダウンを使用し、同じフォントファミリーから各種スタイル(太字、標準、細字など)を選んで、それらのペアを見ることができます。

A screenshot of a web page

AI-generated content may be incorrect.


フォントペアをマイライブラリに追加

  1. プラスアイコン + をクリックして、フォントペアをマイライブラリに追加します。[Add to my library(マイライブラリに追加)]ページが表示されます。

A screenshot of a computer

AI-generated content may be incorrect.

  1. フォントペアを追加したいフォントリスト、Web プロジェクト、デジタル広告をクリックします。新しいフォントを作成するか、既存のフォントリストを検索するかのどちらかを行えます。フォントペアを Web プロジェクトとデジタル広告に追加したい場合は、別々に追加します。

  2. 完了]をクリックします。ペアが追加されます。[見る]のリンクで確定メッセージを受け取ります。

  3. 確認したい場合は、[見る]をクリックします。マイライブラリページが表示されます。


フォントペアのお気に入り登録/解除

フォントペアのお気に入り登録/解除は、ハートアイコン

を選択/選択解除して行います。それに対する確定メッセージを受け取ります。

注記:ハートアイコンは選択されているとき(お気に入り)は、赤色

になります。


フォントペアの同期/同期解除

同期アイコン

をクリックして、フォントペアを Monotype デスクトップアプリと同期させます。


フォンペアの却下

却下アイコン

A black background with a black square

AI-generated content may be incorrect.

をクリックして、好みでないフォントペアについてフィードバックをします。フィードバックは、フォントペアの品質向上に役立ちます。

A screenshot of a social media post

AI-generated content may be incorrect.


よくある質問

フォントペアリングとは何ですか?

フォントペアリングは、2 つ以上のフォントを組み合わせて、調和とバランスが取れたスタイリッシュで読みやすいデザインに仕上げる技術です。また、1 つのフォントの複数のバリエーションを使ってフォントペアリングを行うことも可能です。

注記:バランスの取れたデザインは、連携しお互いに補完することで望みの効果を達成する複数のデザイン要素で構成されています。

例えば、文書のタイトル、見出しスタイル、本文テキスト、キャプションテキストなどのさまざまなスタイルが、文書に構造を与え、読みやすくします。

フォントペアリングはなぜ必要なのですか?

クリエイティブプロジェクトをデザインする際に、フォントペアリングは重要な決定事項です。これは、テキストを含むクリエイティブプロジェクト(例:ロゴ、ポスター、ちらし、招待状、ソーシャルメディアへの投稿、Web サイト、書籍、ジャーナル、プレゼンテーションなど)で、ビジュアルアピールと読みやすさを実現するために重要な役割を果たします。

クリエイティブプロジェクトで複数のフォントを使ったり、同じフォントの異なるバリエーション(スタイル、幅、ウェイト、サイズなど)を使ったりすることで、プロジェクトの次の要件を満たすことができます。

  • プロジェクトをブランドガイドラインに沿ったものにすることで、プロジェクトのブランディングを行う

  • 読みやすさとビジュアルアピールを向上させる

  • タイプ階層を作ることで、プロジェクトの構造を構築する

  • 重要な情報を強調する

  • プロジェクト内でコンテキストを変更する。例えば、参考文献を引用したり、情報を追加したりする際。

  • 補足をしたり、対照的な感情を加えたりする。例えば、話し手の個性に関連する引用を含める場合。

  • 特定のタイプの文字、スタイル、ムード、感情をサポートしていないお好みのプライマリフォント(ブランドボイスとなり得るもの)を補完する。

フォントペア選択のベストプラクティスは?

タイプユーザーが発揮できる創造性は無限ですが、理想的なフォントペアを決定する際の標準的なベストプラクティスはいくつかあります。フォントペアリングは、次の要素を基本にして行うと良いでしょう。

  • ブランドガイドライン

  • プロジェクトの範囲とタイプ

  • プロジェクトの目的(プロジェクトで何を成し遂げたいか)

  • あなたのタイポグラフィの好み(プロジェクトとタイプ使用の経験に基づく)

  • フォントペアの目的(ブランドパーソナリティを強化したいのか、文書内でコンテキストを変更したいのか)

  • プロジェクトのターゲットオーディエンス

Monotype Fonts のフォントペアリング機能を使うべき理由は?

当社のフォントペアリング機能は、Monotype Fonts をサブスクリプションすると無料で使用できます。次のようなメリットがあります。

  • 適切なフォントペアを手動で検索するよりも、時間と労力を大幅に削減できます。

手動で違うフォントの組み合わせを試す場合にかかる貴重な時間と労力と節約できます。選び抜かれた組み合わせにより、広範な試行錯誤の必要性がなくなり、複雑なタイポグラフィの決定に煩わされなくなるため、創造的なビジョンにより集中できます。

  • タイプの専門家によってトレーニングされた AI 駆動機能

フォントペアリング用の AI は、当社のタイプの専門家が細心の注意を払ってトレーニングしています。これは、フォントの組み合わせが、視覚的に魅力的に見えるだけでなく、タイポグラフィの調和と読みやすさの点で高度な品質を備えているということです。そのため、デザインが洗練されたプロフェッショナルな仕上がりになります。

フォントペアアイコンが無効になっているフォントがあるのはなぜですか?

ペアリングをサポートしていないフォントのフォントペアアイコンは無効になっています。現在、フォントペアは セリフサンセリフ のフォントスタイルで利用できます。今後、ディスプレイスクリプトスタイルのフォントペアリングも追加する予定です。

フォントペアリングを選択前にプレビューできますか?

はい。フォントペアリング機能では、タイプテストによって、選択したフォントの組み合わせがデザインコンテキストでどのように見えるかを視覚化できます。これにより、情報に基づいた意思決定を行い、選択した組み合わせがデザインの目的を満たしていることを確認してから、デザインプロジェクトにデプロイできます。

メッセージ「<Font name> は本文テキストに合わないかもしれません」が表示されているのはなぜですか?

A screenshot of a computer

AI-generated content may be incorrect.

注記:「『Gilroy Thin』(フォント名)は本文テキストに合わないかもしれません」のメッセージ。

フォントペアリングのために Monotype Fonts で使用している AI エンジンが、フォントを評価し、タイポグラフィの特徴と識別のしやすさに基づいて、本文テキスト向けの適切な選択肢を提案します。

ボールドや黒スタイルのフォントなど、一部のフォントは本文テキストに適しません。これらのフォントを本文テキストとして使用するのは避けましょう。

Monotype Fonts プラットフォームにこのメッセージが表示され、本文テキストとしてペアリングしようとしているフォントが、本文テキストとしての使用に適した特性を備えていないことを知らせます。これは、それでも本文テキストにそのフォントを使用するか、より適切な別のフォントを選択するかを決定するのに役立ちます。このメッセージが表示された場合は、そのフォントを見出しとして使用するか、別のフォントを選択しましょう。

フォントペアリング機能に関するフィードバックや改善の提案をするには、どうしたらよいですか?

当社は、フォントペアリング機能の改善に関するフィードバックや提案を大切にしています。フォントペアリングのページの右上にある[フィードバックを共有]リンクをクリックして、ご意見をお送りください。皆様のご意見は、Monotype Fonts での体験をより良いものにしていくうえで役立ちます。


フォントペアリングの問題のトラブルシューティング

同じファミリー内でペアが見つかりません

同じファミリー内]フィルターを使用してフォントペアリングを探すと、同じファミリー内でペアが見つかりませんというメッセージが表示されることがあります。

A screenshot of a computer

AI-generated content may be incorrect.


この原因として考えられるのは、検索条件に基づいて提案するペアがないことです。フォントの中には、タイポグラフィの特徴と読みやすさに基づき、本文テキストとしてうまく機能しないと判断されているものもあるためです。このようなフォントは、本文テキストとしてペアリングするのには向きません。

コントラストのあるペアを見る]をクリックすると、他のお勧めの対象的なフォントとのペアを見ることができます。


お勧めのコンテンツ


こちらの回答で解決しましたか?