17. CSS - 레이아웃 - 글꼴 관련 스타일

• font-size : 글꼴의 크기를 지정하는 속성
  • 고정 크기단위 1. px 
  • 고정 크기 단위 2. pt (포인트 1pt == 0.35mm)
  • 가변 크기 단위 1.  % : 상위 요소 크기에 대한 백분율
  • 가변 크기 단위 2. em : 상위 요소의 글꼴 크기에 대한 비율(1em == 100% | 1.2em == 120%)

HTML 작성 화면
CSS 작성 화면
웹에서 출력된 화면

 

 

• font-weight : 글꼴의 굵기(두께)를 지정하는 속성
  • bold : 부모 요소 보다 굵게
  • lighter : 부모 요소 보다 얇게
  • number(100~900, 100단위) : 가중치 - 숫자가 클수록 두꺼움.
    • 100 ~ 500 : normal
    • 600 ~ 900 : bold로 처리

HTML 작성 화면
CSS 작성 화면
웹에서 출력된 화면

 

 

• font-family : 글꼴을 지정하는 속성

HTML 작성 화면
CSS 작성 화면
웹에서 출력된 화면