폰트 굵기

권오철·2022년 9월 18일

폰트 굵기를 설정하기 위해서는 font-weight 속성을 사용하면 됩니다.

사용법
사용 가능한 값은 얇은 순서로 100, 200, 300, 400, 500, 600, 700, 800, 900입니다. 100이 가장 얇고, 900이 가장 굵다는 뜻이죠.

HTMLCSS

Hello World!

Hello World!

Hello World!

Hello World!

결과 확인 참고로 font-weight: normal;은 font-weight: 400과 똑같고, font-weight: bold;는 font-weight: 700과 똑같습니다!

주의 사항
150, 230과 같은 값은 사용할 수 없습니다. 만약 사용한다면 그냥 기본값으로 설정됩니다.

또 주의할 점이 있습니다. 폰트나 브라우저에 따라서 지원하는 폰트 굵기 값이 다릅니다. 어떤 폰트는 100, 400, 700만 지원될 수도 있다는 뜻이죠. 잘 확인하고 사용하시길 바랍니다!

profile
프론트엔드 개발자

0개의 댓글