2014년 4월 27일 일요일

CSS font


글꼴 속성


글꼴지정
font-family : "나눔고딕","돋움","굴림" / Arial,century;
-가장 앞 글꼴이 우선순위
-우선순위 글꼴이 사용자의 시스템에 없을 경우 다른 두번째 글꼭 적용
-콤마(,)로 구분
-글꼴명에 빈칸이 포함된 경우 인용부호를 붙여야함 ("",'')

글꼴스타일
font-style : normal[보통체], italic[이탤릭체&기울인 체], oblique[기울인 체]

글꼴변형
font-variant : small-caps[소형 대문자,불가능할때는 대문자로만 표시]

글꼴굵기
font-weight : 100~900[단계별 굵기로 조절 / 기본이 400 / 잘구분이 안됨], bold[굵게], normal[보통],bolder[상속된 글꼴 굵기보다 굵게], lighter[상속된 글꼴 굵기보다 얇게]

글꼴크기
font-size : em, ex[부모의 크기에 따라 달라짐], pt, px


글꼴속성을 일괄적으로 지정할 수 있다.
ex)font:normal 12px/15px "돋움","굴림";
    = font-weight 보통, font-size 12px, line-height(줄간격) 15px, font-family "돋움", "굴림"        
     *폰트 사이즈와 패밀리는 생략할 수 없다