关于设置line-height 于盒子相同大小实现不了垂直居中的问题

在写页面时，我们往往使用line-height与盒子相同的像素的办法实现字体的垂直居中，但是今天使用时发现并不生效。
并且在检查元素时也显示了

再调试时增加减少像素也不生效。
问题就出在使用font简写 line-height不能在font简写的前面，这样会导致不生效。
可以采用font分开写的方式或者 line-height放在font简写后，如：