Oswald + Source Sans 3 — インパクトのあるニュース・マガジンタイポグラフィ

ニュースサイトのためのOswald + Source Sans 3

このハイコントラストなペアリングは、注目を集める必要のあるコンテンツに最適です。Oswaldの凝縮された文字形はタイトなスペースにインパクトを詰め込み、Source Sans 3は記事本文に楽に読める読みやすさを提供します。

Oswald：見出しを引きつける

Oswaldはクラシックな Alternate Gothicの改良版です。その凝縮された太い形は、限られた水平スペースでインパクトを最大化するように設計されており、新聞スタイルの見出し、速報バナー、特集記事のタイトルに最適です。

h1 {
  font-family: 'Oswald', 'Arial Narrow', Impact, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

Source Sans 3：Adobeのオープンソースの傑作

Source Sans 3（旧Source Sans Pro）はAdobeの最初のオープンソース書体でした。寛大なスペーシング、明瞭な文字形、広範な言語サポートで長文読書に優れています。

article p {
  font-family: 'Source Sans 3', system-ui, -apple-system, sans-serif;
  font-weight: 400;
  line-height: 1.75;
  font-size: 18px;
}

ニュース固有のヒント

カテゴリラベルや速報バナーには、Oswaldをわずかなレタースペーシング付きの大文字で使用してください。署名欄やメタデータには、Source Sans 3を14pxで軽いウェイト（300）で使用します。これにより、読者がすばやくスキャンできる明確な情報階層が作成されます。