Font Usage Guide | FontHubs

フォントインストールガイド

Webプロジェクトでは、CSS @font-faceまたはGoogle FontsなどのWebフォントサービスを使用します：

@font-face {
  font-family: 'YourFont';
  src: url('path/to/font.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

ターゲット読者の期待と読書習慣に合わせたフォントを選択します。正式なコンテンツにはセリフフォント、現代的なインターフェースにはサンセリフフォントが適しています。

フォントはブランドの性格を反映する必要があります。テック企業はクリーンなサンセリフを選択し、高級ブランドは優雅なセリフフォントを好みます。

使用するサイズでも読みやすいフォントを選択します。異なるコンテキストでテストし、さまざまなデバイスで確認します。

伝統的な組み合わせです。見出しにセリフ、本文にサンセリフを使用します。これにより、良いコントラストと階層構造が得られます。

例：

Georgia（セリフ）+ Arial（サンセリフ）

異なる重みやスタイルのフォントを選択します。1つは見出し用、1つは本文用。互いに補完します。

例：

Helvetica（見出し）+ Open Sans（本文）

大きな、太字のフォントを使用して明確な階層を作成

読みやすいフォントを選択し、適切な行間を維持

二次情報には小さな、軽いフォントを使用

一貫性と視覚的な混乱を避けるため、最大2-3フォントを推奨します。

スタイルを犠牲にして読みやすさを優先しないでください。フォントを意図したサイズでテストします。

フォント間と背景色の間に十分なコントラストを確保します。

デザイン全体で一貫性のある行間と文字間を維持します。