: Photoshop tracking and kerning: what do the number values mean? Working on a site design where I'm trying to translate a tracking value of "100" to the CSS letter-spacing property. When I

Posted in: #AdobePhotoshop #Kerning #Typography #Units

Working on a site design where I'm trying to translate a tracking value of "100" to the CSS letter-spacing property.

When I specify a tracking value of "100", what am I saying? Definitely doesn't seem like percent or pixels.

I tend to eyeball to get what I want, but I'd rather run a conversion and not have to think about it if that's possible.

10.01% popularity Vote Up Vote Down

: Vector fonts – do they need hinting? I’ve been studying Truetype fonts and hinting. Knowing the difference between raster and vector graphics I’m wondering: Why is hinting still necessary?

@Merenda852

Posted in: #FontDesign #Fonts #Raster #Vector

1 Comments

: Which assets should I export for Android 5? I'm working on an Android app which is based on material design principles. Since I'm not a developer, I struggle to understand what can be built

@Merenda852

Posted in: #Android #GoogleMaterialDesign #Mobile #SketchApp

2 Comments

: How do I get the transparency in a PNG with indexed color which has a transparent background? I have a PNG with indexed color which is rendered with a transparent background in Google Images,

@Merenda852

Posted in: #AdobePhotoshop #Transparency

1 Comments

: How to merge text layers without converting text to shapes or rasterizing them in PS CC? Every time I create a text box in Photoshop using the Type Tool, it puts the text box in a separate

@Merenda852

Posted in: #AdobePhotoshop #Layers #Text

1 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Shelley591

The answers given in the question linked to in AndrewH’s comment are correct.

As noted on this Photoshop help page:1

Tracking and kerning are both measured in 1/1000 em, a unit of measure that is relative to the current type size. In a 6‑point font, 1 em equals 6 points; in a 10‑point font, 1 em equals 10 points. Kerning and tracking are strictly proportional to the current type size.

In other words, you can achieve the same CSS letter-spacing by dividing the Photoshop tracking value by 1,000 and using the quotient, in ems, as the letter-spacing value.

1 The page linked to is for Photoshop, but the same holds true for all other Adobe products. According to Wikipedia, Quark has 1/200 em as its base unit.

10% popularity Vote Up Vote Down

Feed

: Photoshop tracking and kerning: what do the number values mean? Working on a site design where I'm trying to translate a tracking value of "100" to the CSS letter-spacing property. When I

More posts by @Merenda852

: Vector fonts – do they need hinting? I’ve been studying Truetype fonts and hinting. Knowing the difference between raster and vector graphics I’m wondering: Why is hinting still necessary?

: Which assets should I export for Android 5? I'm working on an Android app which is based on material design principles. Since I'm not a developer, I struggle to understand what can be built

: How do I get the transparency in a PNG with indexed color which has a transparent background? I have a PNG with indexed color which is rendered with a transparent background in Google Images,

: How to merge text layers without converting text to shapes or rasterizing them in PS CC? Every time I create a text box in Photoshop using the Type Tool, it puts the text box in a separate

Login to post a comment!

1 Comments

Back to top | Use Dark Theme