[CSS] 제네릭 폰트(Generic font)

제네릭 폰트(Generic font)

• 특정한 폰트명을 지정하지 않고 일반적인 폰트 카테고리를 지정하는 CSS 속성이다.
• 웹 페이지가 특정 폰트를 사용할 수 없는 경우에 대비하여 대체 폰트를 지정하는 데 사용된다.
• '폰트 예약어'라고도 한다.
• 제네릭 폰트 카테고리 : serif , sans-serif , monospace , cursive , fantasy 

1) serif(세리프): 획끝에 장식이 있는 폰트(궁서체, 바탕체)

2) sans-serif(산세리프) : 획끝에 장식이 없는 폰트(돋움체, 고딕체)

3) monospace(고정폭) : 문자폭이 균일한 폰트(궁서체)

4) cursive(손글씨) : 장식체

5) fantasy(판타지) : 장식체

---

적용 예시

 

font-family: 궁서체, 바탕체, monospace;

가장 먼저 궁서체를 사용하고, 이를 사용할 수 없을 때 바탕체를 사용하는 방식으로 우선순위에 따라 차례대로 적용된다.

 

p {
  font-family: '궁서체', '바탕체', monospace;
}