如何计算CSS字母间距vs.s. “跟踪”在排版？ [英] How to calculate CSS letter-spacing v.s. "tracking" in typography?

问题描述

我有来自平面设计师的指令，用于为某些元素指定轨道100的布局。在CSS letter-spacing 是跟踪的等效属性。

I have instructions from a graphic designer for a layout that specifies "track 100" for some elements. In CSS letter-spacing is the equivalent property for "tracking".

推荐答案

你必须使用像素吗？我发现的转换是1000的跟踪值等于1 em在CSS中，所以在你的情况下跟踪100应该是0.1 em。

Do you have to use pixels? The conversions I found is a tracking value of 1000 is equal to 1 em in CSS, so in your case tracking 100 should be 0.1 em.

em>

要从EM到像素，请使用此网站 PXtoEM.com 。对于你的具体情况，0.1 em转换为2px。但是这是基于16pt字体，因此您必须根据您使用的特定字体大小进行调整。

To go from EM to pixels use this site PXtoEM.com. For your specific case 0.1 em converts to 2px. However this is based on a 16pt font, so you will have to adjust for the specific font size you're using.

这篇关于如何计算CSS字母间距vs.s. “跟踪”在排版？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！