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 edge5 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