Руководство по созданию книг в формате ePub 2.0

Мурашов Николай

}

img.coverimage

{

max-width:100%;

vertical-align: text-top;

margin-bottom:.5em !important;

padding: 0;

}

.imgDiv

{

text-align:center;

width:100%;

}

.imgDiv img

{

max-width:100%;

margin-bottom:5px;

}

.nodisplay

{

display: none;

}

b

{

font-weight: bold;

font-family: LiberationSerif-Bold, serif;

}

em, i

{

font-family: LiberationSerif-Italic, serif;

}

@font-face

{

font-weight: normal;

font-style: normal;

font-family: LiberationSerif-Regular;

src: url(../Fonts/LiberationSerif-Regular.ttf);

}

@font-face

{

font-weight: bold;

font-style: normal;

font-family: LiberationSerif-Bold;

src: url(../Fonts/LiberationSerif-Bold.ttf);

}

@font-face

{

font-weight: normal;

font-style: italic;

font-family: LiberationSerif-Italic;

src: url(../Fonts/LiberationSerif-Italic.ttf);

}

====================

Приведенный выше файл CSS прошел валидацию успешно. (Да, Вы можете скачать эту таблицу стилей, нажав кнопку Download и пользоваться ей, изменять различные компоненты при необходимости или скопировать отсюда. Вы ничего не нарушаете, это легально, ничего секретного.) Ссылка на онлайн-публикацию:

____________

Как создаётся таблица стилей? Скачивается программа Notepad++. Приведенный выше текст можно скопировать и вставить в редактор. Сохранить введенный текст как таблицу CSS. Я не использую все пункты, включённые в эту таблицу, но мне это не мешает.

Что описывается внутри? На примере заголовка первого уровня (h1)

h1

{

text-align: center; ........ /*заголовок выравнивается по центру*/

page-break-after: avoid; ...... /*запрет на разрыв страницы после заголовка*/

page-break-inside: avoid; ..... /*запрет на разрыв страницы внутри заголовка*/

font-weight: normal; ..... /*тип шрифта – обычный*/

font-size: 1.56em; ...... /*размер шрифта по сравнению с основным текстом (в данном случае 156%)*/

line-height: 1.2em;

margin: 0;

padding: 0;

color: #000080; /*navy*/ .... /*цвет шрифта, в данном примере цвет navy*/

} ...... /*закрывающая фигурная скобка*/

При просмотре кода страницы заголовок будет выглядеть так:

<h1>Заголовок</h1>

, а читатель увидит заголовок синего цвета, с выравниванием по центру страницы.

О единицах измерения: emсоответствует размеру используемого шрифта. К примеру, 2em соответствует удвоенному размеру шрифта. Если используется шрифт 12pt, то 2em будет соответственно 24pt; pt (point)– наименьшая единица измерения в типографском деле, соответствует 1/72 дюйма; px (pixels)– пиксель, точка на экране компьютера. Использование em рекомендовано, т.к. поддерживается масштабирование.

Все теоретические описания могут остаться пустым звуком, потому необходимо взять файл ePub и "разбираться" – просмотреть код, таблицу CSS в редакторе Sigil, многое становится простым и понятным.

Все ли проблемы решаются таким способом? Увы, нет. iBooks (программа чтения на устройствах Apple) не следует спецификациям CSS. Однако, Firefox, Safari и Adobe Digital Editions (ADE), и все ридеры на основе АDE (Sony Reader и Barnes & Noble Nook) работают с CSS.

Каждую таблицу стилей рекомендуется проверить валидатором, например здесь:

или здесь http://validator.w3.org/

Ну и если речь зашла о валидаторах – онлайн-сервис для проверки готовой книги ePub:

– ----------

Думаю, будет интересно ознакомиться с таблицей стилей от mattharrison – epub-css-starter-kit

Рекомендовано к прочтению (англ.) несколько страничек по форматированию электронных книг на сайте Dr. George Benthien

UPD: Возможно ли использование CSS в книгах формата fb2? Да, об этом есть публикация на форуме

К странице Содержания

– =***=-