Font-size

Font-size

글꼴의 크기를 지정하는 속성이다.

font-size: keyword | length | initial | inherit ;

부모 요소의 font-size 기준의 퍼센트로 지정한다.

• absolute size (keyword) 기본 값인 medium 에 대한 상대적인 크기로, 브라우저마다 사이즈가 다르게 정의되어 있다.
• relative size (keyword) 부모 요소의 font-size 크기에 대해 상대적입니다.
  smaller는 0.8배, larger는 1.2배입니다.
• length px, em, rem 등의 단위를 이용하여 고정된 크기를 지정할 수 있다.
  [ em : 부모 요소의 font-size에 em 값을 곱한 크기 /
  rem : 루트의 font-size에 rem 값을 곱한 크기 ]
• percent (%) 부모 요소의 font-size를 기준으로 백분율 계산된 값을 지정할 수 있다.
• viewport units vw, vh 단위로 뷰포트를 기준으로 하여, 유동적인 font-size를 지정할 수 있다. vw는 뷰포트 width의 1%, vh는 뷰포트 height의 1% 값을 가진다.