➊ font-size 속성은 글자 크기를 지정합니다. px(픽셀) 단위를 가장 많이 사용합니다.

➋ font-family 속성은 글꼴을 지정합니다. 브라우저마다 지원하는 글꼴이 다르므로 보통은 font-family 속성의 속성값으로 글꼴을 여러 개 입력합니다. 그러면 작성된 순서를 기준으로 우선순위가 적용됩니다. 앞의 코드는 Arial 글꼴을 지원하지 않으면 Times 글꼴을 적용하고, Times 글꼴도 지원하지 않으면 sans-serif 글꼴을 적용하라는 의미입니다. sans-serif 글꼴은 거의 모든 브라우저에서 지원하므로 font-family의 마지막 값으로 지정하는 것이 좋습니다.

➌ font-style 속성은 글자 모양을 지정합니다. 속성값에는 normal, italic, oblique 등이 있습니다.

표 6-1 font-style 속성의 속성값

normal	기본값으로 기본 글꼴을 적용합니다.
italic	글꼴을 이탤릭 모양으로 바꿉니다.
oblique	글꼴을 비스듬하게 바꿉니다.

 

➍ font-weight 속성은 글자 굵기를 지정합니다. 속성값에는 normal, bold, bolder, lighter, 100 ~ 900 등이 있습니다.

표 6-2 font-weight 속성의 속성값

normal	기본값으로 보통 두께를 적용합니다.
bold	글자를 굵게 지정합니다.
bolder	글자를 bold보다 더 굵게 지정합니다.
lighter	normal보다 얇게 지정합니다.
100, 200, 300, 400, 500, 600, 700, 800, 900	숫자가 클수록 글자가 굵어집니다. 400은 normal, 700은 bold와 같은 굵기입니다.