Why is 'font-family' not inherited in '<button>' tags automatically?

Question

I have noticed that in case of tags, font-family is not inherited automatically; either I must specify it explicitly like:

Answer 1

If you inspect your demo in a browser using its Developer Tools, you can see that the font family of the button element comes from the browser style sheet. They show this in different ways, and they may use different fonts there, but the principle is the same: there is a declaration for the font-family property of the element in some style sheet, hence that property cannot be inherited (unless you explicitly set the value inherit on it, of course).

This is not defined in specifications, but neither are such browser style sheet settings prohibited by them, and they are common practice.