줄 높이 계산기
글꼴 크기와 줄 높이 비율을 입력해 CSS 단위 없는 값, 픽셀 줄 상자, 줄 사이 여백을 확인하세요.
사용 방법
사용 방법
- 실용 범위 안에서 글꼴 크기와 줄 높이 비율을 입력하세요.
- 단위 없는 CSS 줄 높이와 픽셀 줄 상자를 계산하세요.
- 제안값을 출발점으로 삼고 실제 글꼴과 줄 폭을 확인하세요.
유용한 CSS 값 두 가지
비율은 CSS에서 사용하는 단위 없는 line-height 값입니다. 픽셀 결과는 입력한 글꼴 크기의 줄 상자이며, 추가 간격은 글꼴 크기를 넘어서는 공간입니다.
제안은 참고값
본문은 보통 1.4~1.7, 제목은 1.1~1.3에서 시작할 수 있습니다. 큰 표시 글자는 더 좁거나 넓은 간격이 필요할 수 있습니다. 최종 선택은 실제 글꼴 지표, 언어, 폭과 접근성 요구를 고려해야 합니다.
로컬 처리와 범위
글꼴 크기는 1~500 px, 비율은 0.8~3.0으로 제한됩니다. 계산은 브라우저에서 처리하며 텍스트나 설정을 업로드하거나 저장하지 않습니다.
자주 묻는 질문
더 알아보기
단위 없는 줄 높이는 무엇인가요?
요소의 글꼴 크기에 곱하는 비율입니다. 예를 들어 1.5는 글꼴 크기가 바뀌면 함께 조정됩니다.
모든 글꼴에서 픽셀 간격이 정확한가요?
아니요. CSS 줄 상자를 나타냅니다. 글꼴의 어센더·디센더, 언어, 브라우저 렌더링에 따라 글자가 보이는 방식은 달라집니다.
어떤 비율을 선택해야 하나요?
제안값을 시작점으로 쓰세요. 본문은 제목보다 넓은 간격이 필요한 경우가 많지만 실제 글꼴과 읽는 맥락에서 확인해야 합니다.