CSS, HTML 폰트 패밀리(font-family)에 대한 이해

폰트 패밀리(Font Family)란 뭘까?

CSS, HTML을 보거나 블로그를 운영하다 보면 자주 접하게 되는 폰트 패밀리에 대해 알아보았습니다.

폰트 패밀리(font-family)

폰트 패밀리란 뭘까? 아래 링크 정보에서와 같이HTML과 CSS에서 정의된 일반적인 폰트 패밀리는 산세리프(sans-serif), 세리프(serif), 모노스페이스(monospace), 흘림체(cursive), 판타지(fantasy)의 총 5개 입니다.

http://en.wikipedia.org/wiki/Font_family_(HTML)

'패밀리' 라는 말에서 의미하듯이 각각의 폰트패밀리는 각자의 특성에 맞는 다수의 폰트들을 포함하고 있습니다. 가령 산세리프는 Verdana, Arial Black, Trebuchet MS 등을 갖고 있습니다.

그럼 CSS에서 font-family 속성을 쓰는 것의 의미는 뭘까요? 보통 font-family 속성을 쓸때에는 한개 이상의 폰트를 적어놓습니다. 이렇게 해놓으면 왼쪽부터 해당 폰트를 갖고 있는지 찾아 나가서 쓰게되죠. 그러니항상 오른쪽 끝에는 폰트패밀리 이름을 넣도록 하는게 좋습니다.

font-family: Verdana, Arial, sans-serif;