NOTICE

font 관련

Date : 2010. 8. 16. 17:23 Category : Programming/HTML/CSS

<style>
span {
	font-size:12px;
	font-weight:bold;
	font-style:italic;
}
</style>

<span>TEST</span>

보통 이렇게들 많이 쓴다.
그런데 padding이나 margin은 padding:0 1px 0 2px; 이런 식으로 잘 쓴다.
font 역시 저렇게 가능하다.
다만 규칙(?)이 있다.
font:font-style, font-weight, font-size, font-family
이 순서대로 해야 한다는 것이다.
위에 있는 코드를 예로 든다면


<style>
span {
	font:italic bold 12px verdana;
}
</style>

<span>TEST</span>

이렇게 하면 된다.
순서 안 지키고 안 된다 하면...대략 난감