자간 생성기
CSS letter-spacing과 word-spacing을 미리 보고 생성합니다.
미리보기
The quick brown fox jumps over the lazy dog
letter-spacing: 0px; word-spacing: 0px; font-size: 18px;
이 도구 소개
레터 스페이싱(CSS letter-spacing)과 단어 간격(CSS word-spacing)은 문자 간 및 단어 간의 수평 거리를 제어하는 기본적인 타이포그래피 속성입니다. 이러한 값을 조정하면 가독성을 크게 향상시키고, 디자인의 톤을 전달하며, 시각적 계층을 강화할 수 있습니다. 이 도구를 사용하면 샘플 텍스트에서 이러한 간격 조정을 실시간으로 미리 볼 수 있어 타이포그래피의 완벽한 균형을 쉽게 찾을 수 있습니다.
편집기에 텍스트를 입력하거나 붙여넣고 레터 스페이싱 및 단어 간격 슬라이더를 조정하여 다양한 간격 값으로 텍스트가 어떻게 보이는지 라이브 미리보기로 확인합니다. 픽셀(px), em 또는 rem 단위로 간격을 볼 수 있으며, CSS 프레임워크에 가장 적합한 단위를 선택할 수 있습니다. 마음에 드는 간격을 찾으면 생성된 CSS를 스타일시트에 직접 복사할 수 있습니다.
자주 묻는 질문
Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.