📌 font

• 보통 브라우저에서 기본 글씨크기 디폴트값은 16px

🍦 font-style

• italic (이탤릭체), oblique 기울임꼴 사용
• <em>태그는 강조하기 위해 사용하는 것
  font-style은 스타일적으로 기울여서 보여주고 싶은 것

🍦 font-weight

• bold(700)
• 100단위 숫자(기본 400)
• <strong>, <b>으로 굵게 만드는건 시멘틱적인 의미
  font-weight는 스타일적으로 굵게 보여주고 싶은 것

🍦 font-family

• 원하는 폰트 이름, 제네릭 이름(적용되는 폰트가 없을 때 기폰 세리프 폰트가 들어간다던가)

font-family: Georgia, sans-serif;

🍦 line-height

• 줄의 높이
• 폰트 사이즈 위아래로 조금씩 여백을 주게되는 것 까지 합쳐서 라인하이트
• 글꼴에 따라서 높이가 중구난방으로 달라질 수 있음 그걸 방지하기 위해서 작성 -> 글꼴과 상관없이 동일한 높이로 작성할 수 있음
• 1.0~1.2가 보통 디폴트값

line-height : 2.5; or 20px; or 18em;

🍦 font 단축속성

• css shorthand : 괸련이 있는 속성들을 한줄로 묶어서 표현
• font-size, font-family는 필수 나머지는 안적으면 initial 값 사용

font: italic bold 20px/1.7 'times new roman', serif

• size를 기준으로 앞쪽에는 style,weight
/슬래쉬하고 뒤에는 line-height
  맨뒤에 font-family

🍦 letter-spacing

• 한글자 한글자 사이의 간격

letter-spacing: 5px; -> nomal값에 5px씩 더멀어진다는 의미, 음수도 가능

🍦 word-spacing

• 한단어 한단어 사이의 간격
• nomal 0이 아니라 글꼴에 따라 지정된 값이 있음

word-spacing: 2rem;