CSS 글꼴 속성

글꼴 속성

코드를 단축하기 위해 모든 단일 글꼴 속성을 하나의 속성 내에서 지정할 수도 있습니다.

font 속성은 다음 속성의 단축 속성입니다:

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

예제

단축 표기법을 사용하여 일부 글꼴 속성을 설정합니다:

p.a {
  font: 20px Arial, sans-serif;
}
p.b {
  font: italic small-caps bold 12px/30px Georgia, serif;
}

직접 시도해 보세요

주의:font-size 와 font-family 의 값은 필수입니다. 다른 값 중 하나가 누락되면 기본 값이 사용됩니다.

모든 CSS 폰트 속성

속성 설명
font 약자 속성. 모든 폰트 속성을 하나의 선언에서 설정합니다.
font-family 문자의 폰트 시리즈(폰트 가족)를 정의합니다.
font-size 문자의 폰트 크기를 정의합니다.
font-style 문자의 폰트 스타일을 정의합니다.
font-variant 문자가 소형 대문자 폰트로 표시되는지 여부를 정의합니다.
font-weight 폰트의 두께를 정의합니다.