[CSS] font 축약 속성

font 축약 CSS 속성

• font-family (필수)
• font-size (필수)
• font-stretch (선택)
• font-style (선택)
• font-variant (선택)
• font-weight (선택)
• line-height (선택)

---

사용 방법

body {
  font: 1.6rem/1.5 '맑은 고딕', 'malgun gothic', sans-serif;
}

- 속성은 띄어쓰기로 구분한다.

- line-height는 font-size 바로 다음에 와야하고, "/"로 구분해야한다. (ex. 16px/3)
- font-family는 마지막 값이어야한다.

---

[공부 좌표]

MDN

 

[참고]

font-family

Q. font-family 기본 폰트는 어떤 것을 설정해야 할까?

Q. line-height는 어떤 단위를 사용하면 좋을까?