Flowing Book 3.1

Flowing Book 3.1

EPUB 3

Apple Inc.

Formatting Text

This book is an example of a flowing style of book. A flowing book has text that flows from page to page and a reader can change the size of that text to meet their reading needs. This book contains examples of content and formatting that the flowing book format supports. This example also provides guidance on how to create these features. If you want to create your own book, unzipping this EPUB will allow you to look at the files that comprise the book and will provide a better understanding how this book was created.

“Add interest to a book by defining the style, color, size, and font for text.”

Font Styles

Normal

Italic

Font Weights

Normal

Bold

System Fonts

There are more than sixty font families in iOS that are available for your book to reference in iBooks. These fonts are called system fonts. Example of a system font:

The quick brown fox jumps over the lazy dog.

Embedded Fonts

If you have your own font that you want to use and you have use rights for it, then you can embed that font in your book. Example of an embedded font:

The quick brown fox jumps over the lazy dog.

Soft Hyphens

Soft hyphens define the logical breaking point in a long word. They are especially useful in long headings and in hyperlinks. For example:

Supercalifragilisticexpialidocious supercalifragilisticexpialidocious supercalifragilisticexpialidocious supercalifragilisticexpialidocious supercalifragilisticexpialidocious supercalifragilisticexpialidocious supercalifragilisticexpialidocious supercalifragilisticexpialidocious

Lists

Lists are best created using the HTML list element. Both ordered and unordered lists are supported.

Ordered List

Fusce

Imperdiet

Habitasse

GalQuisquea

Phasellus

Un-ordered List

Fusce

Imperdiet

Habitasse

GalQuisquea

Phasellus

Links

Links can take the reader to locations within the book, or can take the reader outside of the book.

Link to a website like Apple or Twitter.

Include an email link. This link will open an email to the iBooks Store.

Telephone number: 1-888-555-5555

Link to a book in the iBooks Store: Steve Jobs

Sidebars are easily created using the CSS float property. The width of sidebars should be defined in % so that they can adjust to different screen sizes.

Pop-up Notes

This paragraph includes superscripts¹ associated with footnotes. When the reader selects the superscript, the corresponding note² will appear in a pop-up.

Page Breaks

iBooks will always create a page break at the end of an XHTML document. If a page break is needed within a document, you may use the CSS page-break property. iBooks supports page-break-before and page-break-after.

A page break will occur after this sentence.

Custom Text Paths

SVG can be used to create custom text paths similar to the example below.

Media

It is easy to enhance a book with media like images, audio, video, and PDFs. This chapter includes the supported media formats and demonstrates how to include them in a book. For full details on encoding media, please refer to the iBooks Store Asset Guide.

Images

iBooks supports JPG, PNG, and GIF images. iBooks will scale large images so that they fit on a page, without being clipped at a page break. All images must be under 3.2 million pixels (the height multiplied by the width must be under 3.2 million.)

Images. This image is sized to 50% of the viewport height. Sizing images using relative units like percentage or viewport units will ensure that the layout is flexible for different page sizes on different devices.

Audio

Audio can be embedded using the HTML audio element. Like with images, the width of the audio element should be defined in relative units.

Video

Video can be embedded using the HTML video element. The dimensions of the video below are defined in pixels to prevent letterboxing.

Embedded PDF

Embedded PDFs use a place holder image wrapped with a standard anchor element to link to the PDF file. When the image is tapped, the PDF opens in a separate view where the reader can pan and zoom in.

Non-linear Documents

A non-linear document is content that is supplemental to the book and is outside of the linear reading flow of the book. When a reader selects a link that leads to a non-linear document, the document opens in a separate window that overlays the book. Because the window is outside the flow of the book, it maintains its layout and formatting and can be panned and zoomed in on.

The following image is an example of a non-linear document. The image links to an HTML version of the chart.

Large Table

iBooks will resize large tables to fit the width of the page. The reader can double tap the table to open it into a view where the reader can zoom in on the table's cells.

| Column 1 | Column 2 | Column 3 | Column 4 | Column 5 | Column 6 | Column 7
Row 1 | 1.23 | 2.34 | 4.56 | 1.23 | 2.34 | 4.56 | 4.56
Row 2 | 5.67 | 6.78 | 7.89 | 5.67 | 6.78 | 7.89 | 7.89
Row 3 | 8.90 | 9.01 | 0.12 | 8.90 | 9.01 | 0.12 | 0.12
Row 4 | 1.23 | 2.34 | 4.56 | 1.23 | 2.34 | 4.56 | 4.56
Row 5 | 5.67 | 6.78 | 7.89 | 5.67 | 6.78 | 7.89 | 7.89
Row 6 | 8.90 | 9.01 | 0.12 | 8.90 | 9.01 | 0.12 | 0.12
Row 7 | 1.23 | 2.34 | 4.56 | 1.23 | 2.34 | 4.56 | 4.56

Endnotes

Nulla elit est, scelerisque id accumsan ut, iaculis et neque.

↩

Fusce tellus lacus, vestibulum a imperdiet non, aliquet eget purus.

↩

Bibliography

Phasellus, Rutrum. Convallis Laoreet., 1962–1972. New York: Publisher, 1989.

Pellentesque, Habitant. “Vestibulum Ornare Lectus ac Tortor.” Mauris Tortor Metus 20 (June 1967).

Phasellus, Rutrum. Convallis Laoreet., 1962–1972. New York: Publisher, 1989.

Pellentesque, Habitant. “Vestibulum Ornare Lectus ac Tortor.” Mauris Tortor Metus 20 (June 1967).

Bar Chart

Text is Searchable

Millions USD

$340M |  |  |  |  |  |  |  |  |
$283M |  |  |  |  |  |  |  |  |
$227M |  |  |  |  |  |  |  |  |
$170M |  |  |  |  |  |  |  |  |
$113M |  |  |  |  |  |  |  |  |
$57M |  |  |  |  |  |  |  |  |
$0M |  |  |  |  |  |  |  |  |
| 2002 | 2003 | 2004 | 2005 | 2006 | 2007 | 2008 | 2009 | 2010
| $5794180 | $7343885 | $9619503 | $10828970 | $20000000 | $31800000 | $53500000 | $165800000 | $340100000

Courtesy of Imaginative Data