CSS中的行和字母间距

我一直在与一个项目设计师合作。这位设计师伤心地生病了，正在医院里。我正在设计并将其转换为HTML/CSS。在离开之前，设计师给了我一些关于一些文字的信息。对于文字，我被告知：CSS中的行和字母间距

字体：宋体，跟踪/字母间距：72，领导/线距：21

我知道CSS我可以创建一个类此信息。举例来说，我可以做

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

我有两个问题，虽然我无法弄清楚

谢谢！

2011-03-21 user70192

你可以尝试不同的单位，如em，px，pt或％。 – 2011-03-21 09:04:27

我发布了真实的 - 没有猜谜游戏 - 回答以下跟踪。 – 2013-11-05 18:38:41

你在正确的轨道上，你只需要加上单位。这听起来像72默认是正常的72倍 - 这是一个巨大的空间。在胡乱猜测，你可能想尝试的字母间距百分比，并且像素的行间距，就像这样：

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

在我看来，使用其他任何比%及以上px将导致unsensible值。但是，如果这是不正确的，那就和单位玩，甚至是价值观。你有没有看到网页应该引导你的图像？

2011-03-21 09:02:29

字母间距的百分比值不被允许。 – StefanMK 2013-11-06 12:44:15

也没有单位价值 – sam 2015-02-13 22:19:24

领导是

.myclass {line-height: 21px}

的line-height可以有单位，比如像素或EM，没有单位，这是你看到它的ususal方式使用 - 它的字体大小，以便例如百分比如果字体大小：是10px的和你指定的2线高线高度为20像素

2011-03-21 09:02:04 clairesuzy

更好的是使用“em”作为单位。

以下您的间距总是相对于您的字体大小。

但是要回答你的问题，我同意Sam Starling和clairesuzy。

2011-03-21 09:04:03 ChrisBenyamin

您应该向设计师询问他们在简报中提及的单位。其他一切都只是猜测。然后值得研究如何在CSS中实现该单元。

2011-03-21 09:05:27 Unicron

@Unicorn，提问者说他们不能问设计师。他们需要帮助进行投机。 – 2011-03-27 06:37:44

你需要其他单位的建议。如果你有一个PSD你可以从那里解决。

就我个人而言，我得到一些设计，我无法获得单位大小，通常是因为文本是光栅或我得到一个平坦的JPEG或什么。在这些情况下，我使用萤火虫和pixel perfect。这将设计叠加到我正在构建的网站上，并且可以相应地调整CSS。

2011-03-21 09:07:10 lnrbob

在Photoshop中的跟踪值实际上在千分之几的ems; Photoshop并没有向设计师指出这一点。所以72 =（72/1000）em = 0.072em。这将给你真正的像素完美，让你的设计师唱赞歌。

领先是简单的像素。

2013-11-05 18:35:17

回答