더북(TheBook)

6.2.3 font-weight 속성

font-weight 속성은 텍스트의 굵기를 지정하는 데 사용합니다. 굵기를 나타내는 속성값에는 숫자 표기법과 키워드 표기법을 사용할 수 있습니다.

형식

font-weight:<숫자 표기법>|<키워드 표기법>;

 

숫자 표기법

숫자 표기법은 숫자 100 단위로 텍스트 굵기를 표기하는 방법으로, 100부터 900까지의 값을 사용합니다. 100이 가장 얇고 900이 가장 굵게 표시됩니다.

06/02/font-weight.html

font-weight:100; /* 최소 굵기 */
font-weight:900; /* 최대 굵기 */

 

키워드 표기법

텍스트 굵기를 키워드로 표시하는 방법인데, 여기서 키워드는 lighter, normal, bold, bolder를 의미합니다.

font-weight:lighter; /* normal, bold, bolder */

normal은 숫자 표기법에서 400과 같은 굵기이고, bold는 700과 같은 굵기입니다. lighterbolder는 상대적인 값으로, lighter는 부모 요소의 굵기보다 얇게 지정되고, bolder는 부모 요소의 굵기보다 굵게 지정됩니다. 실무에서는 normal이나 bold를 주로 사용합니다.