What the typography should communicate
Urgency where necessary, but above all readability, hierarchy and trust.
← All “fonts for” guideseditorial typography
Best fonts for News website
News websites expose typography under pressure: dense navigation, breaking-news modules, live pages and long reads all share the same design system.
Common mistakes
Display faces for article body copy, weak distinction between labels and headlines, and cramped line spacing.
Headline & wordmark direction
Headline typography should support multiple levels without creating visual chaos on a dense homepage.
Supporting typography
Choose a durable reading face with excellent punctuation, italics and weight range.
Ranked shortlist
Great fonts for News website
The ranking comes from the shared ThisFont group, quality and design-fit model.
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Thisfont
Colour direction
Make the type and colour agree
Use colour for navigation, status and brand cues rather than colouring every editorial element.