font-family

정의 및 사용

font-family 속성은 해당 요소에 사용되는 폰트의 종류를 정의한다. 일반적으로 하나가 아닌 여러 개의 폰트 이름을 지정하는 데 우선순위 대로 브라우저가 지원하는 폰트를 골라 렌더링을 해준다. 만약 첫 번째 폰트 종류를 해당 브라우저가 지원하지 않는다면 자동적으로 두 번째 폰트를 렌더링 하는 것이다.

font-family 이름의 타입에는 다음 두 가지가 있다.
– font-family 의 이름 : “times”, “courier”, “arial” 등
– generic-family(기본 폰트) 의 이름 : “serif”, “sans-serif”, “cursive”, “fantasy”, “monospace” 등

먼저 원하는 font-family 이름을 적고, 뒷쪽에 generic-family 이름을 나열하면, 원하는 폰트가 브라우저에서 지원하지 않을 경우 generic-family 중에서 유사한 것을 브라우저가 고를 것이다. 각 폰트 이름은 콤마(,)로 구분하며 만약 폰트 이름에 띄어쓰기가 되어 있다면 그것은 반드시 따옴표로 묶어 주어야 한다.

정의 및 사용
기본값 정의되지 않음
상속 yes
버전 CSS1
자바스크립트 구문 object.style.fontFamily=”arial,sans-serif”

브라우저 지원

IE6 지원IE7 지원IE8 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
설명
font-family
generic-family
폰트 종류의 우선 순위를 지정
inherit 지정 요소의 폰트 속성을 부모(상위) 요소로부터 상속받음

예제

버그 및 이슈

소제목

목록 으로

댓글