[CSS] 포토샵 line-height, letter-spacing css에 적용하기

line-height(행간) css로 변환

 

((행간 - 폰트사이즈) / 2)

 

ex) 행간 20px, 폰트사이즈 10px인 경우

       (20 - 10) / 2 = 5 -> css에 line-height: 5로 적용

 

---

letter-spacing(자간) css로 변환

 

포토샵에서는 1/1000em으로 측정됨.

 

ex) 포토샵에서 letter-spacing 수치가 -40인 경우: -0.04em

        포토샵에서 letter-spacing 수치가 100인 경우: 0.1em

 

 

 

 

참고 사이트

 

https://www.benmarshall.me/convert-photoshop-letter-spacing-to-css/

Convert Photoshop Letter Spacing to CSS - Ben Marshall