Work Sans + Lora — クリーンなエディトリアルタイポグラフィ

エディトリアルコンテンツのためのWork Sans + Lora

このペアリングは、典型的なセリフ見出し / サンセリフ本文パターンを逆転させます。Work Sansがクリーンでモダンな見出しを提供し、Loraの温かいセリフの文字形が長文コンテンツに魅力的な読書体験を作り出します。

Work Sans：静かな見出し

Work Sansは画面上のテキストに最適化されたグロテスクサンセリフです。やや狭いプロポーションとクリーンな幾何学が、下のコンテンツから注意をそらさない優れた見出しフォントになっています。

h1, h2, h3 {
  font-family: 'Work Sans', system-ui, -apple-system, sans-serif;
  font-weight: 700;
}

Lora：長時間読書用に作られた

Loraはカリグラフィにルーツを持つバランスの取れた現代的なセリフです。太いストロークと細いストロークの適度なコントラストにより、目の疲労を引き起こす可能性のあるハイコントラストセリフとは異なり、画面での長時間読書に快適です。

body {
  font-family: 'Lora', Georgia, 'Times New Roman', serif;
  font-weight: 400;
  line-height: 1.75;
  font-size: 18px;
}

エディトリアルデザインのヒント

ストーリーテリングWebサイトでは、テキストブロック周りに寛大なホワイトスペース、セクション間のフルワイド画像、より大きなサイズ（24px）のLoraイタリックで設定されたプルクオートを使用してください。Work Sansの抑制とLoraの温かさの組み合わせが「ゆっくり読んで」という雰囲気を作り出します。