Не могу написать правильные стили для текста в ePub

@Danita1 · Регистрация: 06.03.2019

Студворк — интернет-сервис помощи студентам

Доброго дня, коллеги!

Верстаю книгу в ePub, в программе Sigil. Только начинаю разбираться с HTML и CSS. К сожалению, в данный момент нет времени почитать лит-ру, но сделаю, обещаю)

Пожалуйста, подскажите, как правильно прописать стили для текста. Мне нужно чтобы h1 был Arial, а остальной текст Times. Заголовки по центру (h1, h2, h3). Когда я подключаю шрифты, у меня летит курсив( а его много в книге..

Что я делаю не так

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
@font-face {src: url(../Fonts/arialbd.ttf);
font-style: bold;
font-weight: bold;
font-family: "Arialbd"}
@font-face
{src: url(../Fonts/times.ttf)
font-weight: normal;
font-family: "Times"}
body
{font-family: "Times";
margin-left: 2%;
margin-right: 2%;
text-indent: 1.5em;
text-align: left;
color: #000000;}
h1
{text-align: center;
text-indent:1.5em;
page-break-after: avoid;
page-break-inside: avoid;
font-size: 1.2em;
color: #000000;
font-family: "Arialbd"}
h2
{text-align: center;
text-indent:1.5em;
page-break-after: avoid;
page-break-inside: avoid;
font-size: 1.2em;
color: #000000;
}
h3
{text-align: center;
text-indent:1.5em;
page-break-after: avoid;
page-break-inside: avoid;
font-style: italic;
color: #000000;
}
p
{text-indent: 0;
margin-top: 0;
margin-bottom: 0.2em;
text-align: justify;
text-indent: 1.5em;
font-family: "Times";}
.imgDiv
{text-align: center;
padding: 5px}

@andriano1990 · 09.03.2019, 23:27

После имён шрифтов пропущены точка с запятой везде
Стиль body измени на .body, и h1 на .h1 и так далеес 2,3 и p

@AlexZaw · 10.03.2019, 08:43

Сообщение от andriano1990

После имён шрифтов пропущены точка с запятой везде

Необязательна там запятая, так как после имен шрифтов больше нет никаких свойств. А вот в 6-ой строке точка с запятой в конце все-таки нужна(возможно в этом и есть проблема со шрифтами)

Сообщение от andriano1990

Стиль body измени на .body, и h1 на .h1 и так далеес 2,3 и p

Это еще зачем? Что, назначение стилей для тегов уже отменили?

Сообщение от Danita1

Заголовки по центру (h1, h2, h3)

Они у вас и так по центру, если не считать отступа из-за text-indent:1.5em;

@Danita1 · 10.03.2019, 22:32 **[ТС]**

Спасибо за ответ!)
Да, отступы я убрала, тут все понятно..

Может Вы сможете мне помочь.. я верстаю книгу в Sigil для того чтобы получить ePub на выходе. Беру готовый файл word, прогоняю через онлайн-конвертер и заливаю в Sigil (книги бывают большие и нужно сохранить курсив, пж и марк.списки).
После остается только немного допилить, то что сбилось и не получилось при конвертации, добавить отступы и шрифты.. и тут все. я не понимаю) Я добавляю шрифты и у меня все сбивается.. Мне нужно чтобы h1 был Arial, а остальной текст Times. Когда я подключаю Times к body у меня летят курсивы, пж и заголовки 2 и 3 уровня.. если подключаю к <p>, то <div>,<ul> и т.д. остаются Arial...

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@andriano1990 6 / 6 / 1 Регистрация: 18.07.2014 Сообщений: 69
	09.03.2019, 23:27
	После имён шрифтов пропущены точка с запятой везде Стиль body измени на .body, и h1 на .h1 и так далеес 2,3 и p 1

@Danita1 0 / 0 / 0 Регистрация: 06.03.2019 Сообщений: 15
	10.03.2019, 22:32 [ТС]
	Спасибо за ответ!) Да, отступы я убрала, тут все понятно.. Может Вы сможете мне помочь.. я верстаю книгу в Sigil для того чтобы получить ePub на выходе. Беру готовый файл word, прогоняю через онлайн-конвертер и заливаю в Sigil (книги бывают большие и нужно сохранить курсив, пж и марк.списки). После остается только немного допилить, то что сбилось и не получилось при конвертации, добавить отступы и шрифты.. и тут все. я не понимаю) Я добавляю шрифты и у меня все сбивается.. Мне нужно чтобы h1 был Arial, а остальной текст Times. Когда я подключаю Times к body у меня летят курсивы, пж и заголовки 2 и 3 уровня.. если подключаю к <p>, то <div>,<ul> и т.д. остаются Arial... 0