CSS中的行和字母间距

我一直在和一个项目的设计师合作.这位设计师伤心地生病了,正在医院里.我正在努力将设计转换为 HTML / CSS.在离开之前,设计师给了我一些关于某些文字的信息.对于文本,我被告知：

字体：Arial,跟踪/字母间距：72,行距/行间距：21

我知道在CSS中我可以使用这些信息创建一个类.例如,我可以做到

.myClass { 
  font-family:Arial;
  letter-spacing:72;
}

我有两个问题,但我无法弄明白

>当我这样做时,字母间距看起来太大了.它看起来不像原始设计.我需要添加一些单位信息吗？我应该注意一个标准单位吗？
>如何在CSS中获得21行(单位？)的行间距？

谢谢！

你走在正确的轨道上,你只需要添加单位.这听起来像72是默认的72倍 – 这是一个巨大的空间.粗略猜测,您可能想要尝试字母间距的百分比和行间距的像素,如下所示：

.myClass {
    font-family: 'Arial', sans-serif;
    letter-spacing: 1.72;
    line-height: 21px;
}

在我看来,使用除上面的％和px以外的任何东西都会导致不可见的值.但是,如果这不正确,那么就要玩单位,甚至数值.你有一个关于页面应该是什么样的图像来指导你吗？