[css] 자간 줄이기

안녕하세요. 플입니다.

오늘은 자간을 줄여보겠습니다.

 

---

 1.  글 입력

자간을 조정해줄 글을 먼저 입력합니다.

저는 일부분만 캡처해왔습니다. 어떤 태그를 사용하는지는 상관없습니다.

 

---

 2.  letter-spacing

span{ letter-spacing:-1px; }

두 이미지의 차이가 보이시나요?

아래가 letter-spacing을 적용한 이미지입니다. 확실히 자간이 붙어있죠.

 

letter-spacing은 이런 식으로 가독성을 더 좋게 만들기 위해 조정해줍니다.

보통 한글을 적을 때는 -1 정도 값을 주는 편이에요. 폰트에 따라서 다르지만요.

 

 

 

---

그럼 이만.

총총.