[Tip] EPUB 세로쓰기 편집

‪#‎전자책‬ ‪#‎CSS‬ ‪#‎sigil‬

‪#‎전자책_편집을_위한_HTML_CSS‬ 해시태그로 간단한 HTML CSS 강의를 시작합니다. 전자책 편집을 하는 분들에게 자주 받은 질문을 정리하려고 해요. 아주 쉬운 내용인데 모르면 헤매는 내용이라 초보 편집자들에게 유용하리라 생각합니다. 

전자책 편집을 하다 막히는게 있거나 궁금한 점이 있으면 댓글을 남겨주세요. 단, 질문은 '제대로' 해주셔야해요. 본인만 이해할 수 있는 질문 말고, 답변할 사람이 이해할 수 있는 질문으로요^^

편집기는 Sigil을 사용합니다. 하지만 모든 편집기에서 동일하게 적용할 수 있습니다.

오늘은 간단히 세로쓰기 정리해 봅니다.

일본어 책을 만들거나, 훈민정흠 해례본처럼 고서를 원문 느낌 살려 편집하고 싶을 때 세로쓰기가 필요해요. IDPF 회원국 중에서는 일본이 세로쓰기 연구를 가장 활발히 하고 있습니다.

여담이지만, 일본어 세로쓰기 셈플을 보고 세종대왕님께 다시한번 깊은 감사를 드리게 됐어요. 일본어 전자책 제작비는 국내 전자책 매출 규모로 보면 감당이 안될 것 같네요. 한글로 전자책을 만들 수 있다는게 정말 다행입니다.

세로쓰기는 이렇게 표현이 됩니다.

이미지 보니 감이 딱 오시지요. 우리가 익숙하게 접할 수 있는 텍스트는 일본어인데 소수 국가에서 세로쓰기를 합니다. 그래서 EPUB3에서 세로쓰기 지원이 강화됐습니다.

세로쓰기는 간단히 설정할 수 있습니다. 

가로로 만들어 놓은 책이라도 아래 스타일을 추가해 주면 세로쓰기로 쉽게 바꿀 수 있습니다. 

html {

writing-mode : vertical-rl;

-epub-writing-mode : vertical-rl;

-webkit-writing-mode : vertical-rl;

}

<spine page-progression-direction="rtl">

<itemref idref="***.html"/>

...

</spine>

html에 스타일을 준건, 모든 태그에 세로쓰기 스타일이 적용되야하기 때문입니다. 그리고 spin에 적용한 rtl 속성은 페이지를 오른쪽에서 왼쪽으로 넘기도록 해줍니다. 

하지만 세로쓰기에 큰 문제가 하나 있습니다.

국내 유통사 중 제대로 지원하는 곳이 별로 없어요.

제가 테스트해본 결과입니다.(2016년 7월 20일 테스트함)

1. 네이버 : 세로쓰기 지원

2. 교보문고 : 제대로 지원하지는 않지만, 본문을 읽을 수 있음

3. 알라딘 : 파일은 열리지만, 각 챕터의 첫단락 정도만 읽을 수 있음

4. 예스24 : 지원 안함

5. 리디북스 : 지원 안함

6. 펍트리 : 세로쓰기 지원

펍트리, 깃든뷰어 등 EPUB3를 지원하는 뷰어라면 세로쓰기 책을 볼 수 있습니다. 하지만 국내 주요 유통사 뷰어에서 지원을 하지 않기 때문에 전자책 만들 때 이 점을 고려해야 합니다. 

◇ 한글 세로쓰기 샘플

세로쓰기.epub

◇ 일본어 세로쓰기 샘플 : https://github.com/readium/readium-test-files/blob/master/demos/kusamakura-japanese-vertical-writing-20121124.epub

◇ 세로쓰기 관련 참고문서 : http://epubzone.org/news/epub-3-and-global-language-support