A Heading with Playfair Display

This paragraph uses the 'Lora' font, which we've set as our primary sans-serif font in the Tailwind configuration. It's important to first link the font files in the ` ` (as done with Google Fonts in this example) and then define how Tailwind should refer to them in its configuration.

This paragraph uses Tailwind's default `font-serif` (which would typically be Times New Roman or Georgia if not overridden). Since we only extended `fontFamily` for 'sans' and added 'display', 'font-serif' remains the default.

How it works:

  1. Font files (e.g., 'Lora', 'Playfair Display') are linked in the HTML ` `.
  2. Tailwind is configured (via `