Oswald + Source Sans 3 — Bold News & Magazine Typography

Oswald + Source Sans 3 for News Sites

This high-contrast pairing is perfect for content that needs to grab attention. Oswald's condensed letterforms pack punch into tight spaces, while Source Sans 3 provides effortless readability for article bodies.

Oswald: The Headline Grabber

Oswald is a reworking of the classic Alternate Gothic typeface. Its condensed, bold forms are designed to maximize impact in limited horizontal space, making it ideal for newspaper-style headlines, breaking news banners, and featured article titles.

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

Source Sans 3: Adobe's Open Source Masterpiece

Source Sans 3 (formerly Source Sans Pro) was Adobe's first open-source typeface. It excels at long-form reading with its generous spacing, clear letterforms, and extensive language support. Its companion, Source Serif 4, can serve as an accent font for pull quotes.

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

News-Specific Tips

Use Oswald at uppercase with slight letter-spacing for category labels and breaking news banners. For bylines and metadata, use Source Sans 3 at 14px with a lighter weight (300). This creates a clear information hierarchy that readers can scan quickly.