Help Topics
- Help
- Account & Taxes
-
Book Formatting
-
Format Your Paperback
- Set Trim Size, Bleed, and Margins
- Format Front Matter, Body Matter, and Back Matter
- Save Your Manuscript File
- Paperback and Hardcover Manuscript Templates
- Cover Creator
- Create a Paperback Cover
- Format Images in Your Book
- Paperback Fonts
- Fix Paperback and Hardcover Formatting Issues
- Paperback Submission Guidelines
- Format Your Hardcover
- Format Your eBook
- Tools and Resources
-
Format Your Paperback
- KDP Publishing
-
Orders & Book Copies
-
Proof and Author Copies
- How do I order a proof or author copy?
- How much do proof or author copies cost?
- What is the cost to ship my proof or author copy?
- When will my proof or author copy arrive?
- I’m getting an error ordering my author copy
- I’m getting an error ordering my proof copy
- My proof or author copy came damaged
- My proof or author copy didn’t arrive on time
- My proof or author copy has printing errors
-
Proof and Author Copies
- Amazon Store & Detail Page
- Marketing & Distribution
- Book Updates
- Payments & Reports
- Legal & Content Guidelines
-
User Guides
-
Kindle Publishing Guidelines
- Getting Started
- General Best Practices
- Guidelines for Specific Types of eBooks
- Appendices
- KDP Jumpstart
- KDP University
-
Kindle Publishing Guidelines
Contact Us
Have feedback? Can't find your answer in our Help pages?
Contact UsCreating Fixed-Layout Books Without Pop-Ups
In cases where a fixed layout is needed to maintain the layout of the original book, but where text selection, dictionary, and highlighting are still required, fixed-layout without pop-ups may be used. This conversion technique is ideal for content that has text large enough to be easily read without magnification, which can also be accomplished by redesigning the eBook to optimize for digital reading (on a 7" tablet device, capital letters in body text must be at least 2mm high in non-children's books and at least 4mm high in children's books).
The HTML and CSS of this format follows the specifications for Fixed-Layout Books with Text Pop-Ups, including the CSS reset and embedded fonts. Fonts must be embedded, as is the standard for all fixed-layout books.
This format does not currently support Enhanced Typesetting.
Metadata Guidelines
The OPF file specifies metadata necessary for fixed-layout books. Unlike other fixed-layout books, this format does not include meta name="book-type" or meta name="RegionMagnification".
Metadata |
Description |
Layout can be specified using one of the following metadata fields: 1) <meta property="rendition:layout">prepaginated</meta> 2) <meta name="fixed-layout" content="true"/> |
Required. Identifies the book as having a fixed layout. Valid values for rendition:layout metadata are reflowable or pre-paginated. The default value is reflowable. Valid values for fixed-layout metadata are true or false. The default value is false. |
<meta name="original-resolution" content="1024x600"/> |
Required. Identifies the original design resolution of the content ("1024x600" is only an example). The pixel dimensions can have any positive integer value. These values must be in proportion to the overall aspect ratio of the original content. |
Orientation can be specified using one of the following metadata fields: 1) <meta property="rendition:orientation">lands cape</meta> 2) <meta name="orientation-lock" content="landscape"/> Note: This is not currently supported in iOS. |
Optional. Valid values for rendition:layout metadata are portrait, landscape, or auto. Locks the orientation of the book to either portrait or landscape. If the value is auto, both portrait and landscape modes are supported. The default value is auto. Valid values for orientation-lock metadata are portrait, landscape or none. Locks the orientation of the content to either portrait or landscape. If the value is none, both portrait and landscape modes are supported. The default value is none. Amazon recommends only unlocking orientation when text is readable in both portrait and landscape. |
<meta name="primary-writing-mode" content="horizontal-rl"/> |
Optional. Defines page rendering order, reading mode, and reader navigation (including Kindle Text Pop-Up, Kindle Panel View, and Kindle Virtual Panels). Valid values are horizontal-lr, horizontal-rl, vertical-lr, and verticalrl. The default value is horizontal-lr. |
Text Guidelines
In this format, each page contains a background image that is larger than the screen size, so that the page renders a high-quality, readable image. The text can then be created with either of the two following methods and both methods can be used in the same book. With either method, capital letters in body text must be at least 4mm high for children's content, or 2mm high for other content, when viewed on a 7" device.
Live HTML Text
In this method, the background image is stripped of text and the majority of text in the book is rendered as live HTML text. The text can be repositioned as needed for a good eBook experience. This method also allows search and dictionary functionality.
HTML:
<div class="page" id="p3"> <div class="pimg" id="img_003"/> <p id="p3_2" class="ptxt">Sometimes I go outside <br />to investigate. I check everything. <br/>I sniff rocks. I bite leaves. You <br />never know. <br/>I must always be on guard.<br/></p> </div> </div> |
CSS:
.ptxt{ |
Invisible Text Overlay
For text that is part of an image, or is irregularly sized, angled, or curved, you can capture that text as part of the background and use invisible overlay text (using the opacity:0 property in the CSS file) to enable selection, dictionary lookup, and search. The invisible overlay text should be positioned directly over the corresponding text in the base image, and should be sized so that the highlight area of the invisible text corresponds to the text in the base image.
HTML:
<div class="page" id="p3"> <div class="overlay" id="o3_1">Hi,</div> <div class="overlay" id="o3_2">my</div> <div class="overlay" id="o3_3">name</div> <div class="overlay" id="o3_4">is</div> <div class="overlay" id="o3_5">Honey!</div> </div> |
Due to the angled text, every word must be positioned individually so that the invisible HTML text overlays the correct word.
CSS:
.overlay{ position: absolute; … #o3_1{top: 39.5%; left: 6.7%; font-size: 450%; } #o3_2{top: 41.5%; left: 15.5%; font-size: 450%; } #o3_3{top: 44.2%; left: 24.5%; font-size: 500%; } #o3_4{top: 44.1%; left: 4.2%; font-size: 450%; } #o3_5{top: 46.6%; left: 9.9%; font-size: 500%; } |