Quote:
Originally Posted by Turtle91
Yeah, my iphone 15 pro max has a 6.7" screen and I read in landscape mode almost exclusively. But, I find I'm slowly increasing the font size over the years  which tends to create those rivers of white space again regardless of the font type...
When I do use justified text, as mentioned above, it is usually when I am inserting some other text that I want to differentiate from normal text. Then I have used a <div> and I style the paragraphs within that div as justified. That way the normal text has a left-alignment and the inset is visually distinctive.
Attachment 216976
Screenshot from Laurence E. Dahners'
Antigravity, Book 19 in the Ell Donsaii Story
Code:
h3::before {
display: block;
background-image: url(../Images/img_ChDiv.png);
background-size: 1em 1.5em;
width: 1em;
height: 1.5em;
margin: 1em auto 0.5em;
content: "";
}
p {
text-indent: 1.2em;
margin: 0;
}
p.first {
text-indent: 0;
font-size: 1em;
clear: both;
}
p.first::first-letter {
font-family: serif;
font-size: 2em;
font-weight: bold;
float: left;
margin: -0.1em 0.1em;
}
p.first::first-line {
font-variant: small-caps;
font-size: 1.15em;
}
div.news {
margin: 2em auto;
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 90vw;
}
div.news p {
margin: 0.5em;
font-size: 0.9em;
font-family: serif;
text-indent: 0;
text-align: justify;
}
|
Nice layout! But did you the try to open that epub, for example with Google Play Books, and select justified alignment. What happens with the title and its fleuron?