@noaignite/tailwind-typography

// with pnpm
pnpm add @noaignite/tailwind-typography
 
// with yarn
yarn add @noaignite/tailwind-typography
 
// with npm
npm install @noaignite/tailwind-typography

// tailwind.config.ts
import type { Config } from 'tailwindcss'
import { typography } from '@noaignite/tailwind-typography'
 
const config: Config = {
  content: [
    // ...
  ],
  theme: {
    // ...
  },
  plugins: [
    typography({
      breakpointKeys: ['xs', 'md', 'xl'] as const,
      prefix: 'type-' as const,
      unit: 'rem',
      fluid: true,
      variants: {
        h1: {
          xs: {
            fontFamily: 'var(--font-primary)',
            fontSize: 48,
            fontWeight: 700,
            lineHeight: 1.2,
            textTransform: 'uppercase',
          },
          md: { fontSize: 72 },
        },
        body1: {
          fontFamily: 'var(--font-secondary)',
          fontSize: 14,
          fontWeight: 400,
          lineHeight: 1.2,
        },
      },
    }),
  ],
}
 
export default config