[HTML+CSS] 폰트 속성

폰트는 글자와 관련된 스타일 속성을 말함.

 

1. font-size

 

▶ font-size 속성은 글자의 크기를 지정하는 스타일 속성으로 

 

대표적인 단위로 "px, rem , em" 등을 사용합니다.

 

See the Pen by yeojinho (@yeojinho) on CodePen.

 

 

2. font-family 속성

 

▶ font-family 속성은 폰트를 지정하는 스타일 속성

 

 

 

family font - 사례

 

결과물

 

 

3. font-style 속성과 font-weight 속성

 

▶ font-style 속성, font-weight 속성은 폰트의 기울기 or 두께를 조정하는 속성임.

 

 

 

 

4. line-height 속성

 

▶ line-height는 글자의 높이를 지정하는 속성

 

 

 

See the Pen by yeojinho (@yeojinho) on CodePen.

 

 

5. text-align 속성

▶ 글자의 정렬과 관련된 속성이다. 

 

See the Pen by yeojinho (@yeojinho) on CodePen.

 

 

6. text-dcoration 속성

 

▶ a 태그에 하이퍼링크 속성을 사용하면 파란색 글자와 함께 밑줄이 생깁니다. 

 

default 설정을 통해 제거 해줍시다. 

 

See the Pen by yeojinho (@yeojinho) on CodePen.

 

이상 폰트 속성에 대해서 알아보았습니다. ~