Hello,
I have three problems with Adobe Digital Editions 4.5.0 .
First problem.
Tag <hr />, line in ADE 4.5.0 is closer of the margin than higher paragraph. And text of annotation also is closer of the margin, please see picture No.1.
Picture No.1. ADE 4.0.5
But another application like Sigil, Calibre or EPUB File Reader it looks very good, please see picture No.2.
Picture No.2. EPUB File Reader. The same e-book, the same CSS, and everything is correct.
I found reason of this errors. In CSS is margin-left: 2.5rem; .
If instead of rem I will use pixels, everything is correct, please see picture No.3
Picture No.3 Again ADE 4.0.5 but in CSS margin-left: 2.5rem; was change to 50 pixels. Now, it is good.
And now I have questions.
1.) Why rem good working in another application, but not in ADE 4.5.0?
2.) Whether rem is for font-size property only? Whether we can using rem to another property like e.g. for margin?
CSS is under.
hr {
width: 70%;
height: 2px;
text-align: left;
margin-left: 2.5rem;
margin-bottom: -1%;
border-width: 0;
background-color: #000000;
}
p {
font-family: TeXGyreSchola;
font-style: normal;
font-weight: normal;
font-size: 1.4rem;
line-height: 130%;
margin-left: 2.5rem;
margin-right: 2.5rem;
text-align: justify;
text-indent: 1.5rem;
}
Now next, second problem. Initials.
Please see pictures No.4 and No.5.
Picture No.4. In ADE initial is too big.
Picture No.5. In EPUB File Reader initial is correct, similar like in Sigil.
I have not idea about problem with initials.
CSS is under.
.initials {
font-family: TeXGyreSchola;
font-style: normal;
font-weight: normal;
font-size: 1.6rem;
line-height: 100%;
}
p {
font-family: TeXGyreSchola;
font-style: normal;
font-weight: normal;
font-size: 1.4rem;
line-height: 130%;
margin-left: 2.5rem;
margin-right: 2.5rem;
text-align: justify;
text-indent: 1.5rem;
}
And on the end, third problem.
I downloaded e-book epub samples from Adobe and from Kobo.com. After change .epub extension to .zip I opened this zip folder with epub content. This tags like: <meta />, <link />, <hr />, <br /> has not spaces and looks like this: <meta/>, <link/>, <hr/>, <br/>. In addition attribut standalone is removed.
Epub is the set of the xhtml documents with xml prolog. Why from xml prolog is removed standalone?
Why spaces before slash is removed?
Thank you for your attention.
Kind regards
1 Correct answer
I know a solution of this problem.
In CSS the @font-face must contain local path to fonts folder in the ebook (inside OEBPS). The sample is under.
@font-face {
font-family: TeXGyreSchola;
font-style: normal;
font-weight: normal;
src: local(../3_Fonts/texgyreschola-regular.otf);
}
1
Reply
AdChoices