View Single Post
Old 03-29-2022, 10:44 PM   #13
DNSB
Bibliophagist
DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.
 
DNSB's Avatar
 
Posts: 47,114
Karma: 169815798
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
Quote:
Originally Posted by roland1 View Post
Thanks for the tip. Below is what I had for the line height. My font declaration is "body {font-family:adobe caslon pro;}" so I suspect this is an issue. I just have it on my machine and figured I'd get it to default to that for people who also use it. (Any thoughts on that?)

Anyway, I'll mess with the line height and see what affect that has on the overall appearance of the text. The problem is that I can't get the text to screw up in my own previews/readers, so I have no way to know if it'll be interpreted properly by any problem website that's messing with my code.

In addition, uploading fixes costs money at places like Ingram, so...
Not like Amazon where you can keep uploading for free all day long.

p {
display:block;
margin-top:0.5em;
margin-bottom:0.75rem;
text-align:justify;
text-indent: 1rem;
line-height:1.25rem;

}

p.noindent {
display:block;
margin-top:.05rem;
margin-bottom:.75rem;
text-align:justify;
text-indent: 0;
}
I would lose the font-family declaration unless you are planning to pay for the license to allow embedding Caslon Pro. Below is my current body style:
Code:
body {
  display: block;
  font-size: 1em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-indent: 0;
  widows: 1;
  orphans: 1;
}
As for the paragraph styles, why do you have what amounts to a 1.25 em gap between paragraphs and paragraph indents? One or the other, please avoid using both.

I'd simplify the paragraph styles by losing the block, margin top and bottom, and text-align, plus I default the paragraph style to use an indent. I do use padding for a 0.2 em gap between paragraphs. Not necessary but I prefer it.

Code:
p {
  margin: 0 0 0 0;
  padding: 0.2em 0 0 0;
  text-indent: 1.5em;
}

p.noindent {
  text-indent: 0;
}
Like quite a few of the posters here, I try to keep my CSS as simple as possible which helps make the content look good on multiple platforms and allows the end user to modify line heights, justification, etc. to their taste

Last edited by DNSB; 03-29-2022 at 10:47 PM.
DNSB is offline   Reply With Quote