Next.js Discord

Discord Forum

how to override the user agent when using nextjs' font optimisation

Answered
Thrianta posted this in #help-forum
Open in Discord
ThriantaOP
hey guys, apparently nextjs' font optimisation does not work fully because it is overridden by the user agent when text is inside of a button for example? is there any way to avoid problems like this?
Answered by Rafael Almeida
by default form elements don't inherit font settings, you need to explicitly set it with a CSS rule, e.g.:
button {
  font-family: inherit;
}
View full answer

2 Replies

Rafael Almeida
by default form elements don't inherit font settings, you need to explicitly set it with a CSS rule, e.g.:
button {
  font-family: inherit;
}
Answer
ThriantaOP
phew, that worked, thank you so much! :epic: