我已经获得了一个网站的设计/样式指南,该网站具有以点 (pt) 度量表示的字体,以及额外的前导和字距调整 - 例如 40pt 字体、60pt 前导、-30pt 字距。
我想在 CSS 中使用 em,而不是 pt 或 px,并且假设(使用重置)基本字体大小为 16px。我可以做的核心字体大小对话,但我不知道如何处理前导和字距调整?
(PS 我知道这意味着字体会在不同的设备/浏览器上呈现不同的效果,我只需要从某个地方开始。)
[更新:我创建了一个将 pt 转换为 px / em的谷歌文档]
我已经获得了一个网站的设计/样式指南,该网站具有以点 (pt) 度量表示的字体,以及额外的前导和字距调整 - 例如 40pt 字体、60pt 前导、-30pt 字距。
我想在 CSS 中使用 em,而不是 pt 或 px,并且假设(使用重置)基本字体大小为 16px。我可以做的核心字体大小对话,但我不知道如何处理前导和字距调整?
(PS 我知道这意味着字体会在不同的设备/浏览器上呈现不同的效果,我只需要从某个地方开始。)
[更新:我创建了一个将 pt 转换为 px / em的谷歌文档]
字距调整等于.class { letter-spacing: Xem; }
领先等于.class { line-height: Xem; }
使用与字体大小完全相同的转换来获得正确的 em 值。1pt = 1px