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
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
are the buttons directly inside body tag?otherwise it will inherit font from the the closest element that has font declared
nope its inside a header
do you have font declared on the header element?
nope
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