타이포그래피의 구조

- 모든 폰트는 em박스를 가지고 있고 위 그림과 같은 구조로 이루어져있음

- em: 폰트의 전체 높이

- ex: 해당 폰트의 영문 소문자 x의 높이를 의미

- Descender: 소문자에서 baseline 아래로 쳐지는 영역을 의미, 서체에 따라 descender의 길이가 다름(g, j, p, q, y)

- Ascender: 소문자 x의 상단 라인 위로 넘어가는 영역을 의미( b, d, h, l)