예
A에 대한 폰트 설정 <p> 요소 :
document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif"; »그것을 자신을 시도 정의 및 사용
의 font 속성 집합 또는 요소의 텍스트에 대한 글꼴 - 가족의 이름 및 / 또는 일반적인 가족 이름의 목록을 반환합니다.
브라우저가 인식하는 첫 번째 값을 사용합니다.
글꼴 - 가족 값의 두 가지 유형이 있습니다 :
- 글꼴 - 가족 : 글꼴 가족의 이름과 같은 "verdana" 또는 "arial"
- 일반 - 가족 : 일반 글꼴 - 가족의 이름과 같은 "serif" 또는 "sans-serif"
Tip: 항상 마지막 대안으로 일반적인 가족의 이름을 지정!
참고 : 각 값을 쉼표로 분리합니다.
Note: 글꼴 가족 이름에 공백이 포함 된 경우,이를 인용해야합니다.
Tip: 봐 웹 안전 글꼴 일반적으로 사용되는 글꼴 조합.
브라우저 지원
의 font 속성은 모든 주요 브라우저에서 지원됩니다.
통사론
의 font 속성을 반환합니다 :
object .style.fontFamily
의 font 속성을 설정 :
object .style.fontFamily=" 속성 값 값 기술 font1, font2, etc. 글꼴 - 가족의 이름 및 / 또는 일반적인 가족 이름의 쉼표로 구분 된 목록 initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기
기술적 세부 사항
기본값: 지정되지 반환 값 : 요소에있는 텍스트의 글꼴 이름을 나타내는 문자열 CSS 버전 CSS1
더 예
예
가능한 값의 데모 :
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue; »그것을 자신을 시도
관련 페이지
CSS 자습서 : CSS 폰트
CSS 참조 : font-family property
HTML DOM 참조 : font property
<스타일 개체