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>