Quote:
Originally Posted by roland1
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