[CSS 샘플]약물 간격 조정 - 습관에 길들지 않기...

글꼴에 따라 꺽쇠, 괄호 같은 약물이 눈에 거슬릴 때가 있습니다. 제가 즐겨 사용하는 구글 Noto Serif 글꼴은 약물의 간격이 넓어 전자책을 만들고 나면 이렇게 보여요. 글자와 약물 사이에 공백이 없는데 공백이 들어간 것 처럼 보이지요.

공백을 없애면 이렇게 깔끔해집니다.

어떤 분들은 약물 간격을 전자책 특성이겠거니 생각하고 그냥 지나가고, 어떤 분들은 아래처럼 약물 간격을 조정해 달라고 하세요.

약물이 가끔 나오는 책은 저도 별로 신경쓰지 않았습니다. 하지만 약물이 많이 나오는 조정이 필요합니다. 그리고 제작을 맡기는 분들에 따라 약물에 민감한 경우가 있어요. 약물 때문에 글자 간격이 벌어지면 가독성이 좋지 않으니 조정하는게 좋지요.

하지만 약물을 조정하려면 다른 글꼴을 적용해야 합니다.

약물 간격 조정할 일이 많지 않기 때문에 저도 별 생각 없이 늘 하던대로 약물 간격을 조정했습니다.

이렇게요.

약물 몇개 없을 때 이렇게 조정을 해 놓고, 그 뒤로 습관이 돼서 계속 이 방법을 사용했습니다.

그러다 약물이 엄청나게 많이 포함된 책을 편집하게 됐어요.

그 책의 코드를 보니 너무 지저분하더라구요.

 

이때 갑자기 깨달았어요. 내가 아무 생각 없이 약물을 처리했구나.

훨씬 편한 방법이 있는데 생각 없이 습관 대로 편집을 했구나... 하고요.

편집자가 요청하지 않아도 약물 처리를 해야 하는데 

요청이 없을 때는 아무 생각 없이 신경을 쓰지 않았지요.

습관이 돼서 습관대로 하다 보니 더 좋은 방법이 있어도 찾아 볼 생각도, 고칠 생각도 안하게 된거였어요.

 

안좋은 습관을 깨닫고 나니, 해결 방법이 바로 떠오르더라구요. 그래서 적용해 봤습니다. 

span 태그를 없애고, 약물 간격도 정리한 코드예요.

이렇게 하면 훨씬 편하고, 편집자가 요청하지 않아도 약물 간격을 조정해 편집을 할 수 있습니다.

당연히 이렇게 해야하는 건데 습관 때문에 관성에 밀려 신경을 쓰지 못한거였지요.

 

이렇게 편집하는 방법?

저처럼 습관에 길들지 마시고, 직접 찾아보세요.

생각보다 간단합니다.

 

이 코드는 전자책 제작 강의에서 알려드릴게요^^

생각해 봐도 방법을 찾지 못한 분들은 전자책 제작 강의 신청하세요~