폰트 크기
업데이트:
보통 일반적인 브라우저들은 기본 글꼴이 16px/1.0em/12px 기준으로 지정되어 있음
절대단위
- pt: 포인트(point) = 1/72in
- px: 1픽셀(pixel)
- mm: 밀리미터(millimeter)
- cm: 센티미터(centimeter)
- in: 1인치(inche) = 2.54cm
- pc: 1피카(pica) = 12pt
상대단위
- em: 해당 글꼴의 대문자 M의 너비를 기준으로 상대적인 크기를 표시
- ex: 해당 글꼴의 소문자 x의 높이를 기준으로 크기를 표시
- %: 퍼센트(percent), 기본 글꼴 크기에 대해 상대적으로 표기하는 값
둘 다 포함
- Keyword(Absolute): xx-small, x-small, small, medium, large, x-large, xx-large
- Keyword(Relative): smaller, larger
폰트 크기의 표시단위
keyword | pixel(px) | point(pt) | em | percent(%) |
---|---|---|---|---|
xx-small | 9px | 7pt | 0.55em | 55% |
x-small | 10px | 7.5pt | 0.65em | 65% |
small | 12.5px | 9.5pt | 0.8em | 80% |
medium | 16px | 12pt | 1.0em | 100% |
large | 18px | 14pt | 1.1em | 110% |
x-large | 24px | 18pt | 1.5em | 150% |
xx-large | 32px | 24pt | 2em | 200% |
댓글남기기