전자책(epub)제작을 위한 css - 글자 간 간격 letter-spacing

epub전자책 제작을 위한 css실습입니다. 글자 간 간격을 조정해 주는 letter-spacing에 대해 알아보겠습니다. 

 

1. 글자 간 간격 속성

글자 간 간격을 조정해 주는 css속성은 letter-spacing 입니다. 

 

2. 글자 간 간격 속성값

속성값은 숫자를 사용하면 됩니다. 

 

값이 양수면 간격이 넓어지고, 음수면 간격이 좁아집니다.

전자책(epub)에서는 letter-spacing은 잘 사용하지 않습니다. 

가끔 특정한 부분에서 자간이 벌어지는 경우에만 해당 부분만 묶어 자간을 좁힙니다. 

 

3.  css, html 적용

css에 아래와 같이 스타일을 만듭니다. 

.ls1{letter-spacing: 2em;}

 

html에는 아래와 같이 적용합니다. 

<p class="ls1">자간 설정하기</p>

 

시길(Sigil)에서는 아래와 같이 쓸 수 있습니다. 

위 쪽 css에 각각 자간의 간격을 다르게 설정한 4개의 스타일을 만들었습니다. 

아래 html에 각각 스타일을 적용했습니다. 

 

미리보기에서 보면 위와 같습니다. 기본 자간에서 값이 양수로 커지면 자간이 벌어지고, 값이 음수로 작아지면 자간이 좁아집니다.