[CSS 입문] 글꼴을 지정하는 font-family 속성

CSS에서 글꼴을 지정할 때는 font-family 속성을 사용합니다.

font-family는 우리나라말로 번역하면 글꼴의 집합인데, 하나 이상의 글꼴을 모아 놓은 것이라고 보면 됩니다. 

만약 글꼴을 하나만 지정했을 때 사용자의 컴퓨터에 해당 글꼴이 없으면 기본 글꼴로 보이게 되고, 하나 이상의 글꼴을 지정했을 때 사용자의 컴퓨터에 첫 번째로 지정한 글꼴이 없으면 다음 차례에 있는 글꼴이 보이게 됩니다.

예시 : p{font-family:'Nanum Gothic', Arial, Verdana, sans-serif;}

font-family는 family-name과 generic family로 구성되어 있는데요. family-name은 Namun Gothic과 같은 글꼴 이름을 나타내고, generic family는 sans-serif와 같은 모양이 비슷한 글꼴들의 그룹을 나타냅니다. family-name에는 arial, verdana, 나눔고딕, 궁서, 굴림 등이 있고 generic family에는 serif(바탕체), Sans-serif(고딕체), Cursive(필기체) 등이 있습니다.

- 하나 이상의 글꼴을 열거할 때는 쉼표(,)를 사용합니다.

- 글꼴 이름에 띄어쓰기가 포함되어 있을 경우 쌍따옴표("")나 홑따옴표('')를 사용합니다.

- 시작은 family-name으로, 끝은 항상 generic family로 설정합니다. (사용자가 해당 글꼴이 없을 경우에 비슷한 글꼴로 보이게끔 하기위함)