Skip to content

how i can change font sizes? #27

Answered by benjifriedman
agaitan026 asked this question in Q&A
Discussion options

You must be logged in to vote

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

Replies: 1 comment

Comment options

You must be logged in to vote
0 replies
Answer selected by prototypa
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
2 participants
Converted from issue

This discussion was converted from issue #23 on December 01, 2023 01:52.