CSS 폰트 스타일

글꼴 스타일

font-style 속성은 주로 기울임자 텍스트를 지정하는 데 사용됩니다.

이 속성은 세 가지 값을 설정할 수 있습니다：

  • normal - 텍스트가 정상적으로 표시됩니다
  • italic - 텍스트가 기울임자로 표시됩니다
  • oblique - 텍스트가 "의경"으로 표시됩니다.(의경과 인체는 매우 유사하지만 지원하는 것이 적습니다.)

예제

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

본인이 직접 시도해 보세요

글체 두께

font-weight 글체의 두께를 지정하는 속성입니다:

예제

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

본인이 직접 시도해 보세요

글꼴 변체

font-variant 텍스트가 small-caps 글꼴로 표시되는지 여부를 지정하는 속성입니다.

small-caps 글꼴에서 모든 소문자는 대문자로 변환됩니다. 그러나 변환된 대문자의 글꼴 크기는 텍스트에서 원래 대문자의 글꼴 크기보다 작습니다.

예제

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

본인이 직접 시도해 보세요