내 머릿속 데이터베이스

[css] font-family 본문

Programming/Web Language

[css] font-family

파도소리 2014. 11. 20. 16:20

font-family 속성은 말그대로 글꼴을 바꿔주는 속성.

차례대로 글꼴이 있는지 비교하고, 없다면 다음 폰트를 사용하는 방식이다.

가장 마지막엔 다음 5가지 속성을 정할 수 있는데, 모든 폰트가 없는 경우, 어떤 계열의 폰트를 적용시킬지 지정할 수 있다.

 

  • serif : 삐침 있는 명조계열의 글꼴입니다.
  • sans-serif : 삐침 없고 굵기가 일정한 고딕계열의 글꼴입니다.
  • monospace : 글자 폭과 간격이 일정한 글꼴입니다.
  • cursive : 손으로 쓴 것 같은 필기계열의 글꼴입니다.
  • fantasy : 화려한 글꼴입니다.
  •  

    font-family: Georgia, "Times New Roman", serif;

    로 설정했을 때, 제일 먼저 Georgia 글꼴을 찾습니다. 해당 글꼴이 있다면 사용하고, 없다면 Times New Roman 글꼴을 사용합니다. 그 글꼴도 없다면 웹브라우저에서 설정한 명조 계열의 글꼴을 사용합니다.

     

    출처 : http://www.cmsfactory.net/node/11023

    Comments