컴퓨터 활용/노년에 즐기는 코딩

시길 전자책 최상위 폴더, OEBPS(Open eBook Publication Structure)

easyfly 2025. 2. 28. 07:33
반응형

OEBPS(Open eBook Publication Structure)

OEBPS(Open eBook Publication Structure)는 EPUB 전자책에서 가장 중요한 폴더 중 하나로, 실제 콘텐츠(텍스트, 스타일, 이미지, 폰트 등)가 저장되는 폴더입니다. EPUB 파일을 압축을 풀면 나타나는 폴더 구조에서 핵심적인 역할을 합니다.

시길 전자책 편집창


🔹 EPUB 폴더 구조 (기본적인 예시)

EPUB 파일을 압축 해제하면 보통 다음과 같은 폴더 및 파일이 있습니다.

/META-INF/
    - container.xml
/OEBPS/
    - content.opf
    - toc.ncx (EPUB 2에서 사용, EPUB 3에서는 nav.xhtml로 대체)
    - Text/
        - chapter1.xhtml
        - chapter2.xhtml
    - Styles/
        - style.css
    - Fonts/
        - SunBatang-Medium.ttf
    - Images/
        - cover.jpg
    - nav.xhtml (EPUB 3에서 목차 역할)
mimetype

🔹 OEBPS 폴더의 역할

OEBPS 폴더는 EPUB 내부에서 전자책의 모든 콘텐츠를 저장하는 폴더입니다.

  1. content.opf
    • EPUB 파일의 메타데이터, 파일 목록(manifest), 읽기 순서(spine) 등을 정의하는 핵심 파일
    • EPUB 리더가 전자책을 해석하는 데 필수적인 정보 포함
  2. Text/
    • 책의 본문 내용이 담긴 XHTML 파일들이 위치
    • 각 챕터별로 분리된 chapter1.xhtml, chapter2.xhtml 등의 형식으로 저장됨
  3. Styles/
    • CSS 파일들이 저장되는 폴더
    • 전자책의 글꼴, 색상, 여백, 정렬 등을 지정하는 역할
  4. Fonts/
    • EPUB에서 사용되는 사용자 지정 폰트(.ttf, .otf)를 저장하는 폴더
    • @font-face를 통해 EPUB 내부에서 폰트를 불러올 때 사용됨
  5. Images/
    • 전자책 내 삽입된 이미지(.jpg, .png, .svg 등)를 저장하는 폴더
  6. nav.xhtml 또는 toc.ncx
    • EPUB 3에서는 nav.xhtml이 목차 역할을 하며, EPUB 2에서는 toc.ncx 사용

🔹 OEBPS와 폰트 경로 문제 해결

EPUB에서 폰트를 적용할 때 @font-face에서 폰트 파일이 정확한 경로에 있는지 확인해야 합니다.

예를 들어, 폰트가 OEBPS/Fonts/SunBatang-Medium.ttf에 있다면:

@font-face {
    font-family: 'Sunbatang';
    src: url('Fonts/SunBatang-Medium.ttf') format('truetype');
}

또는 절대 경로 방식:

@font-face {
    font-family: 'Sunbatang';
    src: url('/OEBPS/Fonts/SunBatang-Medium.ttf') format('truetype');
}

🔹 EPUB 내부 경로와 @font-face 적용 문제

  • @font-face를 사용할 때 OEBPS 폴더를 기준으로 상대 경로를 지정해야 합니다.
  • EPUB 내부에서 CSS 파일이 다른 폴더 (예: Styles/) 에 있으면 상대 경로(../Fonts/폰트파일.ttf )를 조정해야 합니다.

예시: CSS가 OEBPS/Styles/에 있을 경우

@font-face {
    font-family: 'Sunbatang';
    src: url('../Fonts/SunBatang-Medium.ttf') format('truetype');
}

🔹 결론

  • OEBPS는 EPUB 내에서 모든 콘텐츠(텍스트, CSS, 폰트, 이미지)를 저장하는 폴더입니다.
  • @font-face를 사용할 때 폰트 경로가 올바르게 지정되었는지 확인해야 합니다.
  • EPUB 구조에 맞게 파일을 저장하고, CSS에서 경로를 조정하면 폰트 적용 문제가 해결될 가능성이 높습니다.

 

반응형