자간과 행간

 

*자간 
포토샵 400 (tracking) = 400/1000 =0.4em 

css에서는 letter-spacing으로 표현

 
*행간

1) fontsize + (leading(행간) / 2) = lineheight 로 계산 = 결과는 px 

2) CSS Line Height (abs)로 쓸경우에는 1) / fontsize 로 계산하면됨

예)

font-size: 20  

leading: 30

lineheight  = 20 + (30/2) = 35px  *1)값

lineheight  = 35(1)에서 나온값) / 20 = 1.75  *2)값

https://codepen.io/zuhloobie/full/QWLZmpz

Photoshop to CSS: Line-Height and Letter-Spacing Converter