Font-Family
개요 : 이 속성은 요소에 특정 글꼴이나 "대표 글꼴"을 지정한다. 특정 글꼴은 사용자의 시스템 환경에 의존하므로, "대표글꼴"을
반드시 지정하길 권장한다.
브라우저에 따라 쉼표가 아닌 공백(space)으로 글꼴 이름을 구분할 수 있으므로, 공백을 갖는 글꼴 가족 이름들은 따옴표로 묶어야 한다.
(예: "맑은 고딕")
사용자의 시스템에 설치 되지 않은 글꼴을 대비해서, 다양한 글꼴 이름을 순서대로 지정한다. 첫번째 지정한 글꼴이 사용자 시스템에
설치되어 있으면, 해당 글꼴을 출력한다. 그렇지 않으면, 두번째 지정한 글꼴을, 그도 아니면 세번째 글꼴을 출력한다. 만일 지정한 글꼴이
모두 설치 되지 않았다면, 브라우저에서 지정한 기본 글꼴이 적용된다.
사용자의 시스템 글꼴이란 운영체제와 설치한 응용프로그램에 의해 로컬 컴퓨터에서 사용할 수 있는 글꼴이다.
예를 들어, 맥(mac)사용자는 굴림과 돋움 글꼴을 사용할 수 없다.
정의
|
font-family |
|
|
값 |
[[<글꼴이름>] | [<대표글꼴>],]* | [<글꼴이름> | [대표 글꼴>] | inherit |
|
기본값 |
화면 표시 장치의 기본 스타일 참조 |
|
적용대상 |
모든 요소 |
|
상속 |
가능 |
|
백분율 |
사용 불가 |
|
미디어 |
visual |
값
|
값 |
설명 |
|
< 글꼴 이름 > |
글꼴 이름을 지정한다. 글꼴 이름은 쉼표(,)로 구분한다. |
|
< 대표 글꼴 > |
'serif', 'sans-serif' , 'cursive' , 'fantasy' , 'monospace' 의 대표 글꼴을 지정한다. 대표 글꼴 이름은 키워드 이므로 따옴표로 묶으면 안된다. |
|
inherit |
부모 요소의 값을 상속하도록 지정한다. |
----------------------------------------------------------
예제
View Source
<style>
p {font-family: "바탕", batang, serif;}
</style>
<body>
<p>본문의 글꼴을 "바탕"으로 지정한다.</p>
</body>
----------------------------------------------------------Result :
''.' Programs > CSS' 카테고리의 다른 글
| Float (0) | 2012.03.20 |
|---|---|
| Clear (0) | 2012.03.20 |
| Font-Weight (0) | 2012.03.20 |
| Font - Size (0) | 2012.03.20 |
| Font-Size-Adjust (0) | 2012.03.20 |