[HTML/CSS] font 속성

font 속성

HTML

<p class="p1">캡션에 어울리는 글꼴</p>
<p class="p2">아이콘에 어울리는 글꼴</p>
<p class="p3">드롭다운 메뉴에 어울리는 글꼴</p>

CSS

.p1{font:22px/25px "맑은고딕"}
.p2{font:bold italic 12pt}
.p3{font:120%/10px bold}

 

지정된 글꼴 스타일 적용

HTML

<p class="caption">캡션에 어울리는 글꼴</p>
<p class="icon">아이콘에 어울리는 글꼴</p>
<p class="menu">드롭다운 메뉴에 어울리는 글꼴</p>
<p class="message_box">대화상자에 어울리는 글꼴</p>
<p class="small_caption">작은캡션에 어울리는 글꼴</p>
<p class="status_bar">상태표시줄에 어울리는 글꼴</p>

CSS

.caption{font:caption}
.icon{font:icon}
.menu{font:menu}
.message_box{font:message-box}
.small_caption{font:small-caption}
.status_bar{font:status-bar}