以平面图像格式从设计计算线高和边距底

Question

我正在开发网站的UI，如果设计师给我一个平面设计图像，我该如何计算标题和段落的行高和边距底部，可以说他告诉我以下字体的大小标题， H1英雄是50像素， h1是31px， h2是27px， 等等，

我是否使用1.5或1.2的默认行高，并使用剩余空间作为底部边距？

我知道在设计时会涉及到网格，但是我不知道如何从中计算出行高和边距

如果任何人都可以引导我阅读有关此问题的任何文章，那也会有所帮助。