5. CSS_ Font 스타일

* font 스타일 : 텍스트와 관련된 스타일

1. font-family

• 폰트 스타일을 지정하는 속성
• 예)
  #title {
  font-family: Georgia, "Times New Roman", Times, serif;
  }
• Georgia -> Times New Roman -> Times -> serif
• 브라우저 지원하나 하지 않느냐에 따라 순서대로 적용된다.

2. font-size

• 사이즈를 정해주는 스타일
• 예)
  .big-size-font {
  font-size: 50px;
  }
• 단위 : px, em, pt, rem, %
  1) em : font_size, 해당폰트의 대문자 M의 너비를 기준으로 함.
  2) px : pixel, 표시장치(모니터)에 따라서 상대적인 크기를 가짐.
  3) % : percent, 기본글꼴의 크기에 대하여 상대적인 값을 가짐.
  4) pt : point, 일반 문서(워드 등)에서 많이 사용하는 단위
  5) rem : 반응형 퍼블리싱에서 사용하는 단위.

3. font-weight

• 글씨 두께를 조절하는 property
• 예)
  .bold-font {
  font-weight: bold;
  }
• normal, bold
  1) normal : 400
  2) bold : 700

4. font-style

• 글씨 스타일
• 예)
  a {
  font-style: italic;
  }

5. color

• 글씨 색깔'
• 예)
  .data {
  color: pink;
  }
• hex 색상코드 : 여섯자리로 표현 #eb4639
  (참고 : https://www.color-hex.com/ )
• rgb: 빨강, 초록, 파랑으로 표현 rgb(235, 70, 57)
  (추출 프로그램 : https://iberis.tistory.com/4)
• hsl: 색상, 채도, 명도(hue, saturation, lightness)로 표현 - hsl(4, 82%, 57%)

• color picker로 검색해서 확인 가능