자간

정의

자간(letter spacing)은 한 단어 안에서 글자와 글자 사이에 생기는 가로 방향의 간격을 말합니다. 기본값에서 이 간격을 음수로 좁히면 글자들이 서로 바짝 붙어 단단하고 단정한 인상이 되고, 양수로 넓히면 글자 하나하나가 떨어져 또렷하고 여유 있는 느낌이 납니다. 행간이 줄과 줄 사이의 세로 간격이라면, 자간은 같은 줄 안에서 글자끼리의 가로 간격이라는 점에서 방향이 다릅니다. 픽셀 단위로 따지면 아주 미세한 조정이지만, 이 작은 차이가 쌓여 제목이나 라벨의 인상과 가독성을 은근히 바꿔 놓는 값입니다.

왜 중요한가

자간은 글자 크기가 커지거나 작아질 때 특히 중요해집니다. 큰 제목은 글자 사이가 기본값 그대로면 자간이 넓어 보여 어딘가 헐겁고 산만한 느낌을 주기 쉽습니다. 반대로 아주 작은 글자나 대문자로만 이루어진 라벨은 글자들이 서로 뭉쳐 보여 읽기 어려운데, 이때 자간을 살짝 넓혀 주면 글자 하나하나가 또렷하게 분리되어 라벨이 명확해집니다. 특히 대문자는 글자 폭이 고르고 크기가 커서 기본 상태에서도 다소 답답해 보이기 쉬운데, 자간을 조금 벌려 주는 것만으로 인상이 확 트입니다. 즉 자간은 글자 크기에 따라 달라지는 시각적 밀도를 미세하게 보정해 주는 도구입니다. 잘 조정된 자간은 대놓고 드러나지 않지만, 제목은 더 단정하게 라벨은 더 읽기 쉽게 만들어 전체적으로 다듬어진 인상을 완성합니다. 반대로 자간이 어긋나면 딱히 무엇이 문제인지 말하기는 어려워도 어딘가 아마추어 같은 느낌을 주기 때문에, 마지막에 화면을 정돈할 때 챙기면 좋은 값입니다.

흔한 실수

• 본문 자간을 굳이 건드리는 것입니다. 본문용 글꼴은 이미 읽기 편한 간격으로 설계되어 있어, 자간을 넓히면 단어가 흩어져 보이고 좁히면 글자가 뭉쳐 오히려 읽기 어려워집니다. 특별한 이유가 없다면 본문은 기본값 그대로 두는 편이 안전합니다.
• 한글에 영문 기준의 넓은 자간을 그대로 적용하는 것입니다. 한글은 글자 하나가 이미 네모난 덩어리라, 자간을 크게 넓히면 글자 사이가 뻥 뚫려 어색하고 성겨 보입니다.
• 모든 글자에 같은 자간을 일괄로 넣는 것입니다. 자간은 큰 제목과 작은 라벨에서 필요한 방향이 서로 반대라, 한 값으로 통일하면 어느 한쪽은 반드시 어색해집니다.

실무 팁

• 큰 제목은 자간을 살짝 좁히면(-1~-2%) 글자들이 모여 단정하고 야무진 인상이 됩니다. 반대로 작은 대문자 라벨이나 버튼 글자는 넓히면(+5~10%) 또렷해집니다. 본문은 보통 기본값(0)이 가장 자연스럽습니다.
• 자간은 px 같은 고정값보다 em처럼 글자 크기에 비례하는 단위로 지정하세요. 크기가 달라져도 조정 비율이 그대로 유지되어, 여러 크기의 글자에 하나의 규칙으로 일관되게 적용할 수 있습니다.
• 자간 조정은 아주 작은 단위로 시도하세요. 한 번에 크게 바꾸기보다 미세하게 조금씩 움직이며 실제 화면에서 확인해야, 과하게 넓혀 단어가 흩어지거나 지나치게 좁혀 글자가 뭉치는 실수를 피할 수 있습니다.

관련 개념