CSS中的行和字母间距

use*_*192 3 css

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

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

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

.myClass { 
  font-family:Arial;
  letter-spacing:72;
}
Run Code Online (Sandbox Code Playgroud)

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

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

谢谢!

Jas*_*ham 7

Photoshop中的跟踪值实际上是千分之一的ems; Photoshop并没有向设计师指明这一点.所以72 =(72/1000)em = 0.072em.这将给你真正的像素完美,让你的设计师唱赞歌.

前导只是像素.