글꼴 관련 스타일

font-family 속성

• 텍스트의 글꼴을 지정할 때 사용한다.

<aside> 💡 선택자 { font-family : 글꼴이름 ; }

</aside>

#ff1{
            font-family: "궁서체";
      }
  #ff2{
            font-family: "고딕체";
       }

<웹 브라우저 폰트 적용법>

• 웹 폰트를 사용하기 위해선 link 태그를 인용하고 기본적으로 두개 이상의 폰트 적용
  • 먼저 적은 글꼴이 우선 순위가 높음
  • 글꼴이 사라졌을 때 대체할 글꼴을 넣는 과정

font-size 속성

• 텍스트의 크기를 변경할 때 사용
• 단위 : em, px, pt, ex

<aside> 💡 선택자{ font-size : 크기 ; }

</aside>

font-weight

• 두꺼운 글씨를 표현할 때 사용

<aside> 💡 선택자 { font-weight : normal | bold | bolder | lighter | 100|400|900 ; } normal → 기본형태 bold → 굵게 표시 bolder → 기본보다 더 굵게 표시 lighter → 기본보다 더 얇게 표시 100 ~ 900 → 400이 normal, 700이 bold 에 해당한 세밀한 조절 가능

</aside>

font - style

• 텍스트의 기울임을 지정할 때 사용

<aside> 💡 선택자 { font-style : normal | italic | oblique ; } normal → 기본 형식 italic → 처음부터 기울어진 글자가 존재 oblique → 기본 글자를 기울여서 표시

</aside>