search

onwidget / tailnext

⭕️ TailNext: Free template using Next.js 14 app router and Tailwind CSS.
https://tailnext.vercel.app/
MIT License
331 stars 129 forks source link

how i can change font sizes? #23

Closed agaitan026 closed 10 months ago

agaitan026 commented 1 year ago

Hi how i can set font size? i need to change main menu font size plus the font itself. how i do that?

benjifriedman commented 12 months ago

HI @agaitan026, the font size of the menu looks like it's the default 16px. If you want to change it, it's in src/components/common/HeaderWidget.tsx. You can update the font there a few different ways, like with inline CSS or with the Tailwind classes.

The website font is in app/layout.tsx. You can see the Inter font is imported on line 10 (as CustomFont) and then referenced on line 13 and then line 29 when it's added as a property of the element. The reference for importing Google fonts in Next.js is here: https://nextjs.org/docs/pages/building-your-application/optimizing/fonts which might help