폰트는 글자 모양 자체를 나타냅니다. text 는 글자의 조합을 말하겠네요. 문단처럼요.

  • font-family

    폰트, 글자의 종류들을 나열할수 있습니다. 먼저 사용되었으면 하는 순서대로 적용이 되며 앞의 폰트가 유저에게 없다면 그다음으로, 그리고 그 다음으로 유저에게 그 폰트가 있을때 까지 넘어가게 됩니다. 그래서 맨 마지막에는 genetic famliy 이름을 꼭 넣으셔야 합니다. sarif 나 sans-serif 를 마지막에는 넣으셔야 합니다. 아무리 폰트가 없다해도 어떤 컴퓨터 이든지 이 genetic famliy들은 최후의 수단으로 꼭 넣게 W3C 는 정하고 있습니다. 종류들은 쉼표로 나뉘어 집니다.
    genetic family 들은 다음과 같습니다.
    sarif, sans-sarif, cursive, fantasy,monospace.
    더욱 자세한건 이 포스팅을 참고 하시기 바랍니다.

    예) font-family: tahoma, 굴림, gulim, verdana, sans-serif;

  • font-size

    폰트 크기는 여러가지로 정할수 있습니다. 화면에 비율에 상관없이 정확한 사이즈라던지 혹은 비율에 따라 바뀌게 정한다던지 말이죠. 크기비교는 디자이너 쿠키님께서 잘 비교해 놓으셨습니다.

    예) font-size: 12pt;

  • font-stretch

    폰트를 늘려주는 역할을 합니다. 최근 브라우저들은 많은경우 무시하고 넘어가는 값인데요, 물론 폰트자체에서도 가능한 것이어야 합니다. 값들은
    ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded
    가 있습니다.

    예) font-stretch: extra-condensed;

  • font-variant

    abcd의 소문자를 대문자로 만들면서 크기는 작게 해줍니다. 물론 원래의 대문자는 그대로 대문자로 크게 남습니다.
    값은 small-caps 밖에 없습니다.

    big SMALL -> big SMALL
    big 이 BIG 으로 바뀌었지만 글자의 크기는 변하지 않았습니다 :)

    예)font-variant: small-caps;

  • font-size-adjust

    보통 브라우저에서 지원하지 않습니다. :)

  • font-style

    폰트의 스타일을 나타냅니다. italic 이나 oblique 을 선택할수 있습니다. 넷스케이프 4에서는 이탈릭만 지원하며 Netscape 6 그리고 IE 4 부터는 둘다 지원됩니다.

    예) font-style: italic

  • font-weight

    글자를 bold, 진하게 설정할수 있습니다. 보통은 normal 로 설정되어 있으며 폰트에 따라서 틀리지만 숫자로도 지정이 가능합니다. 100 이 가장 가늘고, 900 이 가장 진합니다. 400 이 중간 normal과 같습니다.

    예) font-weight: bold; 혹은 font-weight: 800;