Why should we put font-family in the last in font shorthand in css

Question

If we change font-family order in font shorthand it will not work why?

Answer 1

For starters, using css shorthand is not always a good idea.
https://csswizardry.com/2016/12/css-shorthand-syntax-considered-an-anti-pattern/

As for why font-family should always be last if you use shorthand, I would guess that it is to avoid conflicts.

https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties