무료로 사용할 수 있는 전자책 글꼴 GUIDE

무료로 사용할 수 있는 전자책 글꼴 GUIDE

http://193.122.179.74/read/100/epub

http://193.122.179.74/read/101/epub

noonnu.cc 사이트가 생기면서 작업을 중단했지만 전자책 만드는 분들께 도움이 될까 싶어 올립니다.

용량이 커서 로딩 시간이 오래 걸립니다.

설정

트랙백

댓글

[CSS 샘플] 영문으로 인한 자간 문제

카테고리 없음 2020. 9. 16. 12:28

본문에 한글과 영문이 섞여 있을 때, 특히 영문이 길면 영어 단어가 다음줄로 내려가면서 자간이 벌어집니다.

 

해결할 방법이 딱히 없어 이럴 경우 word-break를 사용했어요.

word-break를 쓰면 영어 단어가 강제로 잘리면서 줄바꿈이 됩니다.

그런데 이럴 때 문제가 생겨요.

 

나는 duckbill을 좋아한다.

 

word-break를 쓰면 이 문장이 이렇게 잘릴 수 있습니다.

 

나는 duck

bill을 좋아한다.

 

의미가 완전히 바뀝니다.

 

duckbill이 붙어있으면 '오리너구리'가 되는데

duck bill은 '오리 부리', 네이버 파파고에서는 '어음을 환수한다'고 번역이 되네요.

 

영어는 한 단어를 잘라 줄바꿈 할 때 하이픈을 넣습니다.

 

나는 duck-

bill을 좋아한다.

 

이렇게 하면 duck bill이 아니고 duckbill이라는 뜻이에요.

 

어떻게 하면 자동으로 하이픈을 넣을 수 있을까요?

 

CSS에 hyphens: auto; 라는 스타일이 있지만, 이 스타일은 제대로 적용이 안됩니다.

 

이 문제를 해결 할 방법이 없을까 고민하다 재미있는 코드를 하나 찾았어요.

 

­

 

이걸 안써본건 아닙니다. 예전에 이 코드를 시도해 봤어요. 그런데 EPUB에 쓸 수 없는 코드였지요.

그러다 별 생각 없이 눌러 본 Sigil에서 특수 문자 삽입 창에서 shy를 우연히 발견했습니다.

'왜 쓸 수 없는 shy가 들어있는거지?'

생각하며 눌렀는데, 헉... 이게 먹히네요.

­는 안먹히는데, 코드 번호로 넣으니 되더라구요.

그랬지.   대신  을 쓰도록 바뀌었지... 하며 깨달음이 오네요 ㅜ.ㅜ

 

이제 이렇게 편집이 가능합니다.

 

교보와 리디 모바일 뷰어에서도 확인을 했어요.

 

영어 단어 강제로 잘라야 할 일 있을 때는 word-break;가 아닌 shy를 사용하세요~~

설정

트랙백

댓글

  • 이새의나무 2020.09.16 13:06 ADDR 수정/삭제 답글

    오 완전 꿀팁인데요~

  • 김재홍 2020.09.22 14:47 ADDR 수정/삭제 답글

    안녕하세요, 선생님. 예전 국립중앙도서관에서 강의하셨을 때 들은 이후로 수시로 참조하고 있습니다. 출간하신 책도 틈틈이 참조하고 있구요. 혹시 sigil 고급편은 언제 출간이신지 알 수 있을까요 ?
    늘 좋은 컨텐츠 공유해주셔서 감사드립니다. ^^

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

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

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

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

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

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

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

이렇게요.

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

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

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

 

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

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

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

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

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

 

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

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

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

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

 

이렇게 편집하는 방법?

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

생각보다 간단합니다.

 

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

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

설정

트랙백

댓글