CSS 폰트 패밀리 속성

정의 및 사용법

font-family는 요소의 글꼴 시리즈를 정의합니다.

font-family는 여러 글자체 이름을 "회귀 시스템"으로 저장할 수 있습니다. 첫 번째 글자체가 브라우저에서 지원되지 않으면 다음 글자체를 시도합니다. 따라서, font-family 속성의 값은 특정 요소에 대한 글자체 가족 이름 또는 그리고 종족 이름의 우선 순위 목록입니다. 브라우저는 인식할 수 있는 첫 번째 값을 사용합니다.

글꼴 시리즈 이름은 두 가지 유형이 있습니다:

  • 지정된 시리즈 이름: 특정 글꼴의 이름, 예를 들어: "times", "courier", "arial"
  • 보통 글꼴 시리즈 이름: 예를 들어: "serif", "sans-serif", "cursive", "fantasy", "monospace"

추천:각 값 사이에 콤마로 구분하여, 항상 마지막 선택으로 종족 이름을 제공하도록 합니다.

주의:특정 글꼴 시리즈를 사용하는 것은 사용자의 기기에서 이 글꼴 시리즈가 사용 가능한지에 따라 달라집니다; 이 속성은 어떤 글꼴 다운로드도 지시하지 않습니다. 따라서, 일반 글꼴 시리즈 이름을 대체로 사용하는 것이 강력히 권장됩니다.

추가 정보:

CSS 강의:CSS 글꼴

CSS 참조 설명서:CSS 폰트 속성

HTML DOM 참조 설명서:font 속성

예제

단락에 글자체를 설정합니다:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

직접 시도해보세요

CSS 문법

font-family: family-name|generic-family|initial|thuộc kế;

속성 값

값 설명
  • family-name
  • generic-family

특정 요소에 대한 글자체 가족 이름 또는 그리고 종족 이름의 우선 순위 목록.

기본 값: 브라우저에 따라 다릅니다.
thuộc kế 부모 요소에서 글꼴 시리즈를 继承해야 합니다.

기술 세부 사항

기본 값: 미 명시된
thừa kế tính: yes
버전: CSS1
JavaScript 문법: object.style.fontFamily="arial,sans-serif"

TIY 예제

텍스트 글자체 설정
이 예제에서 텍스트 글자체 설정 방법을 보여줍니다.

브라우저 지원

표中之 수치는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari 오페라
1.0 4.0 1.0 1.0 3.5