I shared the tip as to use the inherit keyword to reset font properties of the button element last week.
I read comments and was surprised that a lot of people don't know the inherit doesn't works everywhere. The button element has the font-family property by default and overrides value that is inherited from a parent element. That we can see in devTools.
And I was wondering why people didn't know it. My opinion is that when people start to learn CSS they made using CSS libraries such as Bootstrap, Bulma, etc. I don't mind them but I don't like the way as people learn libraries.
They just include them in its file and just code. They don't take a look browser CSS. They didn't learn CSS concepts. They even can't just learn ideas of developers that they put in libraries. They just code... So people have limited CSS knowledge.
PS: If they learned code of Bootstrap then they'd know that developers of Bootstrap use the inherit keyword to reset the font-family.