getting different font-size for button element in different browsers

hey folks I have set font-size: 1.6rem and font-family: Merriweather Sans, sans-serif on my body element and set font-size: inherit to all button element like this
button {
font-size: inherit;
button {
font-size: inherit;
but now I'm getting weird issue across different browser which when I open my webpage on chrome it does inherit the font-size but not font-family where in the case of Firefox developer edition it neither inheriting the font-family nor the font-size I tested the webpage on Firefox developer edition and microsoft edge
5 Replies
Mannix
Mannix2y ago
are the buttons directly inside body tag?otherwise it will inherit font from the the closest element that has font declared
Aditya Kirad
Aditya Kirad2y ago
nope its inside a header
Mannix
Mannix2y ago
do you have font declared on the header element?
Aditya Kirad
Aditya Kirad2y ago
nope
Jochem
Jochem2y ago
you can expand the calculated properties to see where they come from I think also, without sharing code blablabla we've been over that too
Want results from more Discord servers?
Add your server