더북(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를 주로 사용합니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.