스타일시트로 웹 세이프 (safe) 폰트를 지정하는 방법을 알아보자.
웹 세이프 폰트는 대부분의 컴퓨터나 모바일 장치에서 공통적으로 사용할 수 있는 폰트이다.
폰트는 샌-세리프 (sans-serif) 계열, 세리프 (serif) 계열, 모노스페이스 (monospace) 계열의 폰트로 분류할 수 있다.
1. 샌-세리프 계열 폰트
폰트를 지정할 때는 스타일시트의 font-family 속성을 이용한다.
.font-sans-serif {
font-family: Arial, Helvetica, sans-serif;
}
세번째의 sans-serif 폰트는 일반 폰트 패밀리 (generic font family) 이다.
일반 폰트 패밀리는 비슷한 폰트들을 모아놓은 집합이다. 각 폰트에는 우선순위가 부여되어 있다.
2. 세리프 계열 폰트
.font-serif {
font-family: "Times New Roman", Times, serif;
}
serif 폰트는 일반 폰트 패밀리이다.
3. 모노스페이스 계열 폰트
.font-monospace {
font-family: "Courier New", Courier, monospace;
}
monospace 폰트는 일반 폰트 패밀리이다.