Thread: ePUB weight
View Single Post
Old 03-02-2015, 10:34 PM   #59
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 80,237
Karma: 148951761
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by DoctorOhh View Post
@JSWolf I'm curious. What is the advantage of including the line, text-align: justify;

p {
text-indent: 1em;
text-align: justify;
font-size: 1.15em;
font-family: Arial;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0.00em;
}


in the css for paragraphs as opposed to leaving the line out completely

p {
text-indent: 1em;
font-size: 1.15em;
font-family: Arial;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0.00em;
}


and allowing each device to format the paragraphs.

For the same reason why include the font-family line?

Both of these lines (line text-align: justify and font-family: Arial) cause me to edit or convert the epub before adding them to my library.
I put the justify in the body style. As for the font-family, I would not have put it in unless it goes with an embedded font. The font-size, I would dump as well. Also, the 0.00em should be just 0. The text-indent also is too small. I use 1.2em.

Code:
body {
oeb-column-number: 1;
widows: 1;
orphans: 1;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
text-align: justify
}
p {
margin-top: 0;
margin-bottom: 0;
text-indent: 1.2em
}
This is code I use.
JSWolf is online now   Reply With Quote