無料で利用可能、アカウント不要

フォントペアリングツール

ライブサンプルで見出しと本文のフォントを比較します。システムフォントのペアリングから始めるか、デバイスからファイルを選択します。何もアップロードされていません。

システムフォントはデバイスによって異なります。選択したフォント ファイルはこのブラウザに残り、そのメモリを使用します。このツールではライセンスを確認できません。フォント カタログや外部フォントはダウンロードされません。

ライブタイプのプレビュー

透明感のあるデザイン

タイプを適切に組み合わせると、ページが読みやすくなります。見出しと本文のスタイルを調整し、プロジェクトの CSS をコピーします。

フォントの組み合わせをプレビューするにはどうすればよいですか?

プリセットを選択するか、見出しと本文のフォントを選択して、サイズ、太さ、行の高さを調整します。サンプルが正しいと思われる場合は、生成された CSS をコピーします。

よくある質問

フォントの組み合わせをプレビューするにはどうすればよいですか?

プリセットを選択するか、見出しと本文のフォントを選択して、サイズ、太さ、行の高さを調整します。サンプルが正しいと思われる場合は、生成された CSS をコピーします。

私のフォント ファイルはアップロードされていますか?

いいえ。選択したフォント ファイルは、このブラウザ セッションにのみロードされます。追加したフォントをクリアするか、ページをリセットして解放します。

独自のフォント ファイルを使用できますか?

はい。デバイスから WOFF、WOFF2、TTF、または OTF ファイルを選択します。これらはこのブラウザ セッションでのみロードされ、アップロードされません。このツールは最大 8 つのファイルを受け入れ、ファイルごとに 5 MB、合計 15 MB という制限があります。

CSS はどのデバイスでも同じように見えますか?

いつもではありません。システム フォントはオペレーティング システムによって異なる場合があり、別の訪問者が選択したフォントを持っていない可能性があります。一貫した結果を得るには、プロジェクトに有効なライセンスがあり、フォント自体を提供する必要があります。このツールはそれをホストしません。

これはフォントのライセンスを確認したり、フォントをダウンロードしたりするのでしょうか?

いいえ。組み込みのペアリングではシステム フォント スタックが使用されます。オプションのファイルはユーザーが選択し、ブラウザー内に残ります。プロジェクトでフォントを使用する前に、フォントプロバイダーのライセンスを確認してください。