CSS Font 속성

*<font>태그는 CSS Property로 대체 가능하므로 권장하지 않는다.

• font-family - 글꼴 지정(font name)

  • Element{font-family : 글꼴이름(font name), 글꼴이름, ... }

  • 앞의 글꼴부터 적용, PC에 글꼴이 없다면 그 다음 글꼴로 적용

  • font name에 white-space가 포함 되면 quotation("")으로 감싼다.

• font-size - 글자 크기 지정

  • Element{font-size : 속성 값}

  • 절대 사이즈 속성 값 : xx-small, x-small, small, medium, large, x-large, xx-large

  • 상대 사이즈 속성 값 : larger, smaller

  • 그외, px, cm, %(부모 Element 와의 비율) 단위로 사용할 수 있다.

• font-style - 글자 스타일 지정

  • Element{font-style : normal | italic | oblique}

  • 기본값은 normal

  • italic은 글자를 이탤릭체로 표시

  • oblique는 글자를 기울임 꼴로 표시

• font-variant - 소문자를 작은 대문자(small-caps)로 변형

  • Element{font-variant : normal | small-caps}

  • 초기값은 normal, 한글은 변화가 없다.

• font-weight - 글자 굵기 지정 ( bold )

  • Element{font-weight : normal | bold | bolder | lighter}

  • 초기값은 normal, 100~900까지 숫자 값으로 사용할 수 있다.(400 : nomal, 700 : bold)

• font - font에 관한 속성을 한번에 지정하는 단축형 속성

  • 위 속성을 한번에 지정 가능

  • font-style -> font-variant -> font-weight ->font-size / inline-height -> font-family 순서로 작성

  • font-size와 font-family는 필수 값, 생략 -> 기본값 적용

  • 순서에 맞에 하지 않으면, 일부적용 되거나 전체 무시될 수 있다.