If you've relied on the classic Times New Roman for body text and need a Google Fonts combination that delivers the same authority with modern web performance, the best substitutes are Libre Baskerville for body and Playfair Display for headings. This pairing preserves the serif elegance of Times New Roman while offering better screen rendering and open-source licensing freedom.

Why Replace Times New Roman With Google Fonts at All?

Times New Roman isn't available as a web font through Google Fonts. Loading it as a system font means your typography depends on each visitor's operating system. The result is inconsistent rendering across devices text that looks sharp on Windows may appear thinner on macOS.

Google Fonts alternatives solve three practical problems. First, they guarantee consistent appearance everywhere. Second, they load faster through Google's global CDN. Third, they give you access to optical sizes and weight variations that Times New Roman simply doesn't offer.

What Makes a Good Times New Roman Substitute?

Times New Roman belongs to the transitional serif family. It features moderate contrast between thick and thin strokes, bracketed serifs, and a relatively condensed letterform. Any serious substitute should share these DNA traits while being optimized for screen display.

The ideal substitute needs generous x-height, open counters, and well-hinted outlines. These technical details determine whether your body text remains readable at 16px on a mobile screen or becomes a blurry wall of ink.

Matching to Your Project's Personality

Different projects demand different tones from the same serif family:

  • Corporate or legal websites Use Libre Baskerville (body) with Merriweather (headings). The result feels institutional without being dated.
  • Editorial or magazine layouts Pair Lora (body) with Playfair Display (headings). Playfair's high contrast creates a striking visual hierarchy.
  • Academic or publishing projects Combine Source Serif 4 (body) with Libre Baskerville (headings). Both were designed specifically for extended reading on screens.
  • Formal invitations or luxury brands Try Cormorant Garamond (body) with Playfair Display SC (headings). This pairing feels refined and high-end.

Technical Tips for Getting the Pairing Right

Set your body text between 16px and 18px with a line-height of at least 1.6. Heading sizes should follow a modular scale typically 1.25× or 1.333× increments. For example, if body is 17px, h2 becomes roughly 28px and h3 becomes 23px.

Always load no more than four font weights total. A common mistake is importing every available variation, which bloats page load time. You need regular (400) and bold (700) for body text, plus regular and bold or semi-bold for headings.

Common Mistakes and How to Fix Them

The biggest error is choosing two serifs with identical x-heights and contrast levels. When body and heading fonts look too similar, the hierarchy collapses. Fix this by selecting a heading font with noticeably higher stroke contrast than your body font.

Another frequent problem is ignoring the font-display: swap setting. Without it, visitors see invisible text until fonts load. Always enable swap in your Google Fonts embed URL by appending &display=swap.

Finally, test your combination at small sizes on actual mobile devices, not just your desktop browser. A font that looks refined at 24px on a 27-inch monitor may become illegible at 14px on a 6-inch phone screen.

Your Quick-Start Checklist

  1. Identify whether your project leans corporate, editorial, academic, or luxury.
  2. Select one serif for body (optimized for screen reading) and one for headings (higher contrast or decorative weight).
  3. Load only two weights per font regular and bold at minimum.
  4. Set body size at 16–18px, line-height at 1.6+, and heading scale at 1.25–1.333× increments.
  5. Enable font-display: swap and test on at least one real mobile device before publishing.

Times New Roman earned its reputation over decades, but the web demands fonts built for pixels, not paper. The alternatives above deliver the same gravitas while performing better technically and they're completely free to use.

Get Started