4-4. 서체(font)와 글(text) 스타일 - 3

2018. 1. 25. 11:03웹 표준 퍼블리싱 바이블

1. 글자 두께 지정하기

"font-weight"속성은 글자의 두께를 지정하는 속성입니다. 다양한 값을 가지지만 브라우저에서는 "기본 값(normal)"과 "볼드체(bold)"의 2가지로 표현됩니다.

1-1. normal 두께로 표현되는 값은 다음과 같습니다.


<style type="text/css">

.area p{

font-weight: normal;

font-weight: lighter;

font-weight: 100;

font-weight: 200;

font-weight: 300;

font-weight: 400;

font-weight: 500;

}

</style>

 


1-2. bold체 두께로 표현되는 값은 다음과 같습니다.


<style type="text/css">

.area p{

font-weight: bold;

font-weight: bolder;

font-weight: 600;

font-weight: 700;

font-weight: 800;

font-weight: 900;

}

</style>