CSS는 글꼴 스타일 지정에서 중요한 역할을 합니다. CSS 글꼴 속성을 사용하면 font-family, font-size, font-weight, font-kerning 및 더 많은 속성을 변경할 수 있습니다. CSS 글꼴 속성은 font-style, font-variant, font-weight, font-size/line-height 및 font-family의 약어입니다. 또한 CSS text-shadow, text-stroke, text-fill-color, color 등을 사용하여 텍스트 장식을 통해 텍스트에 스타일을 적용할 수 있습니다.
색상
이 속성은 텍스트의 색상을 변경하는 데 사용됩니다.
글꼴군
이 속성은 요소의 글꼴을 설정하는 데 사용됩니다.
글꼴 커닝
글자 간격을 균일하게 하고 가독성을 높이기 위해 font-kerning 속성을 사용합니다. 그러나 이 속성은 글꼴에 따라 다릅니다.
글꼴 크기
font-size 속성은 글꼴의 크기를 설정합니다.
글꼴 늘이기
일부 글꼴에는 condensed, bold 등과 같은 추가 면이 있습니다. 이를 지정하는 데 font-stretch 속성이 사용됩니다.
글꼴 스타일
텍스트를 각도로 기울임꼴로 표시하려면 font-style 속성을 사용합니다.
글꼴 변형
font-variant를 사용하면 요소를 작은 대문자로 표시할지 여부를 지정할 수 있습니다.
글꼴 두께
글자의 굵기는 font-weight 속성에 의해 지정됩니다.
줄 높이
이 속성은 두 줄 사이의 간격을 설정합니다.
텍스트 장식
밑줄을 긋거나 밑줄을 긋고 스타일을 지정하기 위해 텍스트 장식이 사용됩니다.
텍스트 그림자
box-shadow와 마찬가지로 이 속성은 원하는 대로 캐릭터에 그림자를 추가합니다.
또한 텍스트 들여쓰기, 텍스트 오버플로, 공백, 단어 나누기, 방향, 하이픈, 텍스트 방향, 줄 바꿈 등과 같은 텍스트 레이아웃 속성이 있습니다.
구문
글꼴 속성의 구문은 다음과 같습니다 -
선택기 { font-property:/*값*/} 예시
다음 예는 CSS 글꼴 속성을 보여줍니다 -
데모 제목
데모 텍스트입니다.
이 텍스트는 데모용이며 여기에 포함되어 있습니다. CSS에서 다른 글꼴 스타일을 표시합니다.
다른 글꼴 스타일을 가진 다른 텍스트입니다.
출력
이것은 다음 출력을 제공합니다 -
예시
이것은 데모 텍스트입니다.
이것은 또 다른 데모 텍스트입니다.
출력
이것은 다음 출력을 제공합니다 -
