#2 is better than #3 by far. Honestly, IMO, it's better than #1 except for the font weight problem. I'd rather have an auto-hyphenated word than large gaps. But that's just personal preference. But the failure to fill the line... try explicitly setting values for some related CSS properties:
Code:
word-spacing: normal;
letter-spacing: normal;
word-break: normal;
text-justify: inter-word;
on those paragraphs and see if any of them make a difference.
BTW, you probably want to set the hyphens value to
"manual" rather than
"none", so that if there are any soft hyphens somewhere, they won't get ignored.
As for the heading being bold, this might be a weird bug related to the tag used. I have this vague recollection that some readers (maybe some Kindle readers, maybe Nook, I forget) did weird things when you used a header tag (
h1,
h2,
h3...) like always making the text bold no matter what you do in the stylesheet. If you're using one of those tags, try replacing it with a styled
div tag at the appropriate
em size and see if the problem goes away.