为什么有些字体排在其他字体的上方

Question

当我更改此按钮的字体时，取决于字体，文本似乎位于不同的高度。例如，“ helvetica”（垂直）位于中央，但“ bebas neue”（以及其他字体在不同程度上）似乎从基线上升。当我选择按钮的文本时，我可以看到突出显示的区域，字母不位于其底部，而是被抬起。垂直对齐也不执行任何操作。

我的问题是，这是字体开发人员的错吗？即有些字体开发人员将字母“ y”的底部算作行的底部，而另一些字体开发人员则将字母“ v”的底部算作行的底部？我很困惑。

<button id=“but1”>Some text</button>

<style>
 #but1{
  padding:2%;
  background:black;
  color:white;
  font-family: helvetica;
  line-heigh:normal;
  }
</style>