[CSS 폰트관련 속성]

• font-size : 폰트 크기
• font-style : 폰트 디자인
• font-weight : 폰트 굵기
• font-family : 글꼴 자체를 변경하기 위해 사용
• line-height : 문장 한 줄의 높이 조정. 웹페이지에서 폰트마다 높이가 달라지는 문제를 방지하는 용도로 사용.
• font : 단축속성(shorthand)으로, 여러 font관련 속성의 집합체.

  • 필수 속성 값 : font-size, font-family
  • 포함 가능한 속성 값 : font-style, font-variant, font-weight, line-height
    주의)작성 시 바로 위 항목중 빠진 값은 디폴트 값으로 지정.
  • 작성 순서
    • font-style, font-weight값은 항상 font-size 의 앞에
    • line-height 이용 : (font-size) / (line-height)
    • font-family는 맨 뒤로

  .text {
  font : italic 100 20px/1.7 'Times New Roman', Times, serif;
  }

• letter-spacing : 글자 간 간격 조정
• word-spacing : 문장에서 한 단어당 간격 조정

< 주의 사항 >
간격 조정 시 가독성이 떨어지지 않도록 주의할 것.
음수도 적용 가능.

• text-align : 텍스트 정렬(블록 요소만 가능. 차지하는 공간 내에서만 이동하기 때문)
  인라인 요소에도 적용시키려면 블록요소인 부모요소에 사용.

• text-indent : 텍스트 들여쓰기(블록 요소만 가능.)
• text-decoration : (shorthand) 텍스트에 줄을 표시.

입력 가능한 값

• text-decoration-line(필수) : 밑줄, 취소선, 윗줄 선택 (중복 선택 가능)
• text-decoration-color : 줄 색깔
• text-decoration-style : 줄 모양
• text-decoration-thickness : 줄 두께
• word-break : 문장이 지정된 박스 밖으로 빠져나올때 줄바꿈을 할 지 선택.
• text-transform : 영문자를 대문자 or 소문자화 시킴. (한글에 이용 불가능)