CSS font 속성

1 개요

CSS font property

CSS font 속성

• 폰트, 글자크기 등 글씨체에 관한 CSS 속성

css

Copy

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

2 예시

html

Copy

<style>
.box1 { font: 15px arial, sans-serif; }
.box2 { font: small-caption; }
.box3 { font: 1.5em 궁서; }
.box4 { font: italic bold 12px/30px Georgia, serif; }
</style>
<p>Hello World. 안녕 친구들</p>
<p class='box1'>Hello World. 안녕 친구들 { font: 15px arial, sans-serif; }</p>
<p class='box2'>Hello World. 안녕 친구들 { font: small-caption; }</p>
<p class='box3'>Hello World. 안녕 친구들 { font: 1.5em 궁서; }</p>
<p class='box4'>Hello World. 안녕 친구들 { font: italic bold 12px/30px Georgia, serif; }</p>

3 같이 보기

• CSS font-size 속성
• CSS font-family 속성
• 자바스크립트 font 속성

4 참고

• http://www.w3schools.com/cssref/pr_font_font.asp