Modern CSS with Tailwind, 2nd Edition

Typography Plugin

If you want some legible defaults for basic typography of long text on your page, Tailwind provides an official typography plugin.^[10]

To install the plugin, you first add the package:

$ yarn add @tailwindcss/typography

Then add it to the Tailwind configuration file, which now should have this plugins section:

module.exports = {
  plugins: [
    require('@tailwindcss/typography'),
  ],
}

You use the typography plugin by adding the CSS class prose to any element, like this:

<article class="prose">
  All your text
</article>

If you want to see what this looks like in more detail, you can visit my very own blog at https://noelrappin.com/blog, which uses this plugin.

To change the size, you use size modifiers, which you must ...