フォントペア提案

コントラストと調和がポイントです。見出しにセリフやディスプレイフォント、本文にサンセリフフォントを使うのが一般的に良い組み合わせです。

はい、すべてのおすすめフォントはGoogle Fontsの無料オープンソースフォントです。個人・商業プロジェクトの両方で自由に使用できます。

書体そのものより、ウェイトの種類が増えることのほうが負担になります。1つの書体のファイルは通常20〜40KBなので、見出し用と本文用の2書体に各2ウェイトなら合計100KB前後で収まります。問題になるのは、1つの書体でウェイトを6種類も読み込むような場合です。バリアブルフォントを使えば1ファイルで全ウェイトをまかなえますし、font-display: swap を指定しておけばフォントの到着が遅れても文字が先に表示されます。

本文は個性より読みやすさが先です。16pxの大きさで小文字の高さが十分にあり、字間が窮屈でなく、1とlとI、0とOが互いに区別できる書体を選んでください。実際の原稿を1段落貼り付けて、ノートパソコンとスマートフォンでそれぞれ読んでみるほうが、見本の文句を眺めるよりはるかに正確です。見出しに個性的な書体を使うとしても、本文は無難なほうが結局は長く読まれます。