Change default font-size in Tailwind-CodePudding

I started using Tailwind recently to recreate an older project with Remix. While styling components I realised that the base font-size from my project is different from the one from Tailwind (mine is 10px, compared to 12px in Tailwind).

How could I change default font-size so my styled with rem components don't get messed up?

CodePudding user response：

You change, add, or remove these by editing the theme.fontSize section of your Tailwind config.

theme: {
    fontSize: {
        'base': '1.2rem',
        'large': '1.4rem' /* new custom font size */
    }
}

CodePudding user response：

Please see this doc and change your font size in tailwind.config.js