CSS에서 font 다루기

  1. font-family

    => font-family : font, font, font, font-family;
          : 좌측에서부터 폰트를 검색하여 적용

  2. font-size

      - font의 크기(높이)를 지정
    1) 상수값 : xx-small, x-small, small, medium, large, x-large, xx-large
    2) pixel : 14px, 20px, ...
    3) 백분율 : 130%, 500%, ...
    4) 배수 : 1.2em, 2em, ...
    => 실무에서는 body에 기준 크기를 상수로 정의하고 나머지에서는 배수나 백분율로 지정하는 것이 좋다.

  3. font-weight

      - lighter, normal, bold, bolder
      - font의 두깨를 지정

  4. text-decoration

      - none, underline, overline, line-through, blink

  5. font-style

      - italic, oblique, normal
      - italic -> 기울림 폰트를 지정. (폰트 파일에 기울림체가 있어야 한다.)
      - oblique -> 기울림체가 없어도 강제로 기울임 (출력이 거칠다) - 계단현상 발생 가능

  6. font-color

    1) 상수값 : silver, aqua, black, white, blue, purple, ...
    2) rgb(백분율, 백분율, 백분율) : rgb(100%, 50%, 20%)
    3) rgb(값, 값, 값) : rgb(255, 100, 134)
    4) #rrggbb : #ff0000 => f00
                 #445566 => 456