[CSS][font] font-style

-요약설명

font-style : 글꼴체를 지정할때 사용합니다.

-심화설명

·font-style

속성값은 normal 기본값, Italic : 이탈릭체, oblique: 기울어짐 꼴이 있으며 해당 속성은 상속이 됩니다.

표기법

body{

font-style : italic;

}

-normal 속성

font-style로 속성을 따로 주지않아도 기본값(default)로 지정되어 있는 글꼴로 표시됩니다. 브라우저마다 기본값이 다르기 때문에 다른 글꼴로 보일 수도 있습니다.

-italic 속성

italic체와 oblique는 사실상 화면상에선 거의 동일한 모양인 이텔릭체로 표시가 됩니다.

HTML내에서는 <i> 이나 <em>으로 사용하지만 CSS최적화를 사용하는 경우가 많기 때문에 기울림 효과를 따로 주려면 CSS에서 이텔릭체로 이용하시는게 좋습니다.

-oblique 속성

italic체와 거의 흡사하며, oblique는 원래의 서체가 기울어진 모양이고, italic은 흘려 쓴 서체(활자)라고 합니다. 때문에 oblique는 기본 글씨의 설정이 필기체일 경우 서체가 기울어지지 않을수도 있지만 italic체는 흘려 쓴 자체의 서체이기 때문에 기울게 됩니다.

-inherit 속성

부모태그에서 지정한 폰트를 그대로 적용시키는 속성입니다.

예제:

결과:

보시다시피 기본서체일때 육안으로 거의 확인이 어렵습니다.

※특징 : inherit 속성의 경우 IE7 이하 버전에서는 지원하지 않습니다. IE8에서는 !DOCTYLE이 필요하며, IE9 부터 정상 지원합니다.

저작자표시 비영리 변경금지