<Font-family 란?>
각각의 font-family는 일반적인 특성을 공유하는 폰트의 집합체를 담고 있다.
font-family는 산세리프(sans-serif), 세리프(serif), 모노스페이스(monospace), 흘림체(cursive), 판타지(fantasy)
총 5개가 존재한다.
1. Sans-serif family : 세리프가 없는 폰트를 포함하고 있다.
Verdana, Arial Black, Trebuchet MS, Arial, Geneva
2. Serif family : 신문에서 흔히 볼 수 있는 폰트 이다.
Times, Times New Roman, Georgia
3. Monospace family : 일정한 폭의 문자를 가진 폰트로 구성
Courier, Courier New, Andale Mono
4. Cursive family : 손으로 쓴것 같아 보이는 폰트를 포함
Comic Sans, Apple Chanery
5. Fantasy family : 화려한 양식의 폰트들을 포함
LAST NINJA, Impact
<Font-family 동작 방법>
body{
font-family: Verdana, Geneva, Arial, sans-serif;
}
1. Verdana폰트가 컴퓨터에 사용가능한지 체크
없으면 다음으로
2. Verdana폰트가 사용 할 수 없다면 Geneva폰트를 찾는다.
없으면 다음으로
3. Geneva폰트가 사용 할 수 없으면 Arial폰트를 찾는다.
없으면 다음으로
4. 다 없으면 sans-serif 사용
'은비냥's Development > 。CSS' 카테고리의 다른 글
[CSS] - 테두리 스타일 (0) | 2013.05.13 |
---|---|
[CSS] 마우스 포인터 모양 (0) | 2013.05.13 |
font-weight 속성 (0) | 2013.01.09 |
[반응형 웹] - CSS3 @media 쿼리를 이용 스크린 크기 대응.(2) (0) | 2013.01.09 |
[반응형 웹] - CSS3 @media 쿼리를 이용 스크린 크기 대응.(1) (0) | 2013.01.09 |