CSS font-family

font-family

• 폰트패밀리는 폰트 스타일을 지정해주는 속성입니다.

p {
  font-family: Georgia, "Times New Roman", Times, serif;
}

첫번째 속성값: 브라우저가 첫번째 속성값의 폰트를 지원하면 폰트 적용.
두번쨰 속성값: 브라우저가 첫번쨰 속성값의 폰트를 지원안하고 두번째 폰트값을 지원하면 폰트 적용
세번쨰 속성값: 브라우저가 첫번째와 두번째 속성의 폰트를 지원안하고 세번째 속성값의 폰트를 지원하면 폰트적용
네번째 속성값: 앞에 있는 속성값들이 지원안하면 serif폰트 사용. serif폰트는 브라우저 전부 호환이 가능

• 띄어쓰기의 이름을 가진 폰트이름은 따옴표를 사용해야 함

font size

• 폰트의 크기를 조절하는 속성입니다.
• 주로 1.2em을 사용함, px과 pm등 여러 단위가 있습니다.

.font-size {
  font-size: 15px;
}

font weight

• 폰트의 두께를 조절하는 속성입니다.
• normal(=400), bold(=700), 100 ~ 900 등의 값이 지정될 수 있습니다.

  .font-weight {
    font-weight: bold;
  }

font style

• 폰트의 스타일를 바꿀 수 있는 속성입니다.

a {
  font-style: italic;
}

color

• 폰트의 색상을 바꿀 수 있는 속성입니다.

  색상을 바꿀 수 있는 방식에는 hex색상코드방식(#0000ff)과
  rgb 값 방식(rgb(235, 70, 57)), hsl 방식(hsl(색상, 채도%, 명도%))이 있습니다.