如何将前导和字距转换为 CSS 样式

平面设计 字体 css 字距调整
2022-02-12 15:32:06

我已经获得了一个网站的设计/样式指南,该网站具有以点 (pt) 度量表示的字体,以及额外的前导和字距调整 - 例如 40pt 字体、60pt 前导、-30pt 字距。

我想在 CSS 中使用 em,而不是 pt 或 px,并且假设(使用重置)基本字体大小为 16px。我可以做的核心字体大小对话,但我不知道如何处理前导和字距调整?

(PS 我知道这意味着字体会在不同的设备/浏览器上呈现不同的效果,我只需要从某个地方开始。)

[更新:我创建了一个将 pt 转换为 px / em的谷歌文档]

1个回答

字距调整等于.class { letter-spacing: Xem; }

领先等于.class { line-height: Xem; }

使用与字体大小完全相同的转换来获得正确的 em 值。1pt = 1px