font 속성 - 글꼴 속성을 한꺼번에 지정하기
CSS의 font 속성은 웹 페이지에서 텍스트의 글꼴 속성을 한꺼번에 지정할 수 있는 속성입니다. font-family, font-size, font-weight, font-style, font-variant 등 다양한 속성을 함께 사용하여 텍스트의 모양과 스타일을 설정할 수 있습니다.
font-family
글꼴을 지정하는 속성으로, 텍스트를 어떤 글꼴로 보여줄지 설정할 수 있습니다. 여러 개의 글꼴을 지정하면, 해당 글꼴이 사용자의 시스템에 없을 경우 다음으로 지정한 글꼴이 대체로 사용됩니다.
font-family: Arial, sans-serif;font-size
글꼴의 크기를 지정하는 속성입니다. 다양한 단위(px, em, rem 등)를 사용하여 크기를 설정할 수 있습니다.
font-size: 16px;font-weight
글꼴의 두께를 지정하는 속성으로, 일반적으로 normal(기본값) 또는 bold 값을 사용합니다.
font-weight: bold;font-style
글꼴의 스타일을 지정하는 속성으로, italic(기울임) 또는 normal(기본값) 값을 사용하여 텍스트를 기울일 수 있습니다.
font-style: italic;font-variant
소문자 텍스트를 작은 대문자로 보여주는 속성으로, normal(기본값) 또는 small-caps 값을 사용하여 설정할 수 있습니다.
font-variant: small-caps;이 외에도 line-height, letter-spacing 등의 속성을 함께 사용하여 텍스트의 선 간격, 글자 간격 등을 지정할 수 있습니다. 예를 들어 다음과 같이 여러 속성을 함께 사용할 수 있습니다.
font: italic bold 20px/1.5 Arial, sans-serif;위와 같이 font 속성을 사용하면, 글꼴에 관련된 다양한 속성을 한번에 설정할 수 있으므로 코드의 가독성과 유지보수성을 높일 수 있습니다.
댓글