Mysterious font information in AZW3 file

[JSWolf]

Originally Posted by DNSB

Too much work to do that without deleting information that is needed to display the book as intended. My way is a minimum of work and does not affect the way the book is displayed.

Would I prefer to do a full rip and replace? Yes. Do I want to spend the time needed? Considering the person reading most of the Vellum created books is my wife and she does not care about the CSS or any other internals of the file? If it looks good on her screen, she's happy.

The way the book looks is terrible. There's a useless embedded font. The chapter headers is too small and lightweight and takes up too much space on screen. Every paragraph has no indent and a paragraph space. My way is fairly easy and it fixes it so it has no paragraph space, indents, and the chapter header is easier to see and does not waste so much screen space. Plus, this is one of the easiest Vellum created eBooks to fix.

1. Dump the media query CSS and link the existing CSS which drops the code for the missing CSS
2. Delete the embedded font
3. Dump any unwanted HTML
4. Dump the div with the header class
5. Clean up the chapter header code
6. put in the correct h1 code in CSS for the chapter header
7. Replace the margin in the class used with p with a text-indent
8. Done

It looks worse then it really is.

To put it mildly. I prefer to use the RemoveInlineStyles tool to do the cleanup and then go from there.

I would also have a look at the inline CSS. If most of it is the same, it can be S/R and the code added to the CSS. Then see what's left and if there's not too much left, do the same thing with the leftovers.

[Hitch]

You guys boggle me.

I flatly REFUSE to do "work" on a book that I bought for recreation. No, nope, nyet, nix, NOT gonna do it. More power to ya...I love y'all, but not this girl.

Hitch

[JSWolf]

Originally Posted by Hitch

You guys boggle me.

I flatly REFUSE to do "work" on a book that I bought for recreation. No, nope, nyet, nix, NOT gonna do it. More power to ya...I love y'all, but not this girl.

Hitch

I get it. You can't do it.

And now for some good news. Mobi is dead!

[Hitch]

Originally Posted by JSWolf

I get it. You can't do it.

And now for some good news. Mobi is dead!

Oh, I could do it. I simply refuse. Too much of this 6/days/week.

MOBI: Well, it doesn't have access to the store, via WiFi, etc.

Not sure that really counts as DEAD, does it?

Hitch

[JSWolf]

Originally Posted by Hitch

Oh, I could do it. I simply refuse. Too much of this 6/days/week.

MOBI: Well, it doesn't have access to the store, via WiFi, etc.

Not sure that really counts as DEAD, does it?

Hitch

Are you now allowed to create an ePub eBook and totally ignore Mobi?

[Hitch]

Originally Posted by JSWolf

Are you now allowed to create an ePub eBook and totally ignore Mobi?

Oh, god, yes, Jon. We've been required to do that for, what, a year now? You haven't even been able to upload a reflowable mobi since...I think it's June of 2021. Maybe even 2020, but June of one of those, lol. 2021, I think.

BUT...here's the thing. That does not mean that I ignore the reality that KCR and other lower-end, less-advanced eInk eReaders are out there. We still use MQs, especially around images.

:-) BUT, we give our customers (typically, this is, you understand) two ePUBs. One ePUB optimized "4Amazon" and one that's for all the other vendors/retailers.

Hitch

[DNSB]

Originally Posted by JSWolf

The way the book looks is terrible. There's a useless embedded font. The chapter headers is too small and lightweight and takes up too much space on screen. Every paragraph has no indent and a paragraph space. My way is fairly easy and it fixes it so it has no paragraph space, indents, and the chapter header is easier to see and does not waste so much screen space. Plus, this is one of the easiest Vellum created eBooks to fix.

Interesting. You must be seeing different Vellum books from what I see. As I mentioned, I put my version of body, p and .subsq. Though last time I looked, the original CSS did not indent every paragraph. When I look at the text files, the first paragraph of the text has <p class="first first-in-chapter first-full-width">, sadly when I look at the CSS, there is no first, first-in-chapter for first-full-width in the CSS so removing undefined classes changes that first paragraph's p tag to <p> which means the text-indent: 0; is going to apply. The subsequent paragraphs getting indented by 1.5em.

The chapter header cleans up when I remove the embedded font, yet another automated procedure.

I actually went back and checked 23 Vellum created ebooks. Neither the 2 variants of the Vellum stylesheets caused all the paragraphs to indent and have extra spacing.

Perhaps you could post a sample of the CSS that is giving you every paragraph indented and with extra space between paragraphs?

All things considered, I will simply continue with my quick and dirty automate list that does 95% of the work for me and keeps my wife happy. Happy wife, happy life is rather true.

Spoiler:

body {
    font-family: Palatino, serif;
    font-weight: normal;
    font-style: normal;
}

p {
    margin-bottom: 0px;
    text-indent: 0px;
    margin-top: 0px;
    text-align: justify;
}

p.subsq {
    text-indent: 1.5em;
}

p, li {
    hyphens: auto;
    adobe-hyphenate: auto;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-after: 4;
    -webkit-hyphenate-limit-before: 4;
}

[Tex2002ans]

Originally Posted by DNSB

    -webkit-hyphenate-limit-after: 4;
    -webkit-hyphenate-limit-before: 4;

Complete Side Note: In English, Hyphenation should be set to 2/3 (Left/Right / CSS's Before/After).

If you want to know the typographically correct numbers for each language, the best place to look is the table at:

• Hyphenation.org: "Languages"

If you want a summary of more Hyphenation info, definitely check out my recent posts in:

• 2021: "Welsh"
• 2021: "Does hyphenation work or not?"

Complete Side Note #2: LibreOffice 7.4 was just released a few days ago, and they finally implemented a lot of this CSS4 Hyphenation stuff!

See the LibreOffice 7.4 Release Notes > New Typographic Settings.

It's cool to see these hyphenation enhancements finally being implemented in major programs after all these years.

[JSWolf]

Originally Posted by DNSB

Interesting. You must be seeing different Vellum books from what I see. As I mentioned, I put my version of body, p and .subsq. Though last time I looked, the original CSS did not indent every paragraph. When I look at the text files, the first paragraph of the text has <p class="first first-in-chapter first-full-width">, sadly when I look at the CSS, there is no first, first-in-chapter for first-full-width in the CSS so removing undefined classes changes that first paragraph's p tag to <p> which means the text-indent: 0; is going to apply. The subsequent paragraphs getting indented by 1.5em.

The chapter header cleans up when I remove the embedded font, yet another automated procedure.

I actually went back and checked 23 Vellum created ebooks. Neither the 2 variants of the Vellum stylesheets caused all the paragraphs to indent and have extra spacing.

Perhaps you could post a sample of the CSS that is giving you every paragraph indented and with extra space between paragraphs?

All things considered, I will simply continue with my quick and dirty automate list that does 95% of the work for me and keeps my wife happy. Happy wife, happy life is rather true.

Spoiler:

body {
    font-family: Palatino, serif;
    font-weight: normal;
    font-style: normal;
}

p {
    margin-bottom: 0px;
    text-indent: 0px;
    margin-top: 0px;
    text-align: justify;
}

p.subsq {
    text-indent: 1.5em;
}

p, li {
    hyphens: auto;
    adobe-hyphenate: auto;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-after: 4;
    -webkit-hyphenate-limit-before: 4;
}

This is the CSS code I change or delete.

/*
 * The Standoff
 * Stylesheet generated by Vellum
 */

@font-face {
    font-family: Quicksand;
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/00001.ttf");
}
p.subsq {
    margin-top: 0.7em;
    orphans: 2;
}
p, li {
    hyphens: auto;
    adobe-hyphenate: auto;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-after: 4;
    -webkit-hyphenate-limit-before: 4;
}
body {
    font-family: Palatino, serif;
    font-weight: 400;
    font-style: normal;
}
span.smallcaps {
    font-variant-numeric: normal;
    font-variant: small-caps;
    font-variant-alternates: normal;
    font-variant-position: normal;
    font-variant-east-asian: normal;
    letter-spacing: 0.04em;
    font-variant-ligatures: none;
}
.heading {
    margin-bottom: 2em;
}
p.alignment-block-content-left {
    text-align: left;
}

@font-face, p (with the hyphen code), body, and heading all get deleted. p.subsq gets changed to text-indent: 1.2em;. The letter-spacing in the smallcaps code goes. And any instance of text-align: left; also goes.

I also remove unused CSS. I add in my body and my h1 code. I remove unused divs and spans. That's all I need to do in most cases.

[DNSB]

Originally Posted by JSWolf

This is the CSS code I change or delete.

Spoiler:

/*
 * The Standoff
 * Stylesheet generated by Vellum
 */

@font-face {
    font-family: Quicksand;
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/00001.ttf");
}
p.subsq {
    margin-top: 0.7em;
    orphans: 2;
}
p, li {
    hyphens: auto;
    adobe-hyphenate: auto;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-after: 4;
    -webkit-hyphenate-limit-before: 4;
}
body {
    font-family: Palatino, serif;
    font-weight: 400;
    font-style: normal;
}
span.smallcaps {
    font-variant-numeric: normal;
    font-variant: small-caps;
    font-variant-alternates: normal;
    font-variant-position: normal;
    font-variant-east-asian: normal;
    letter-spacing: 0.04em;
    font-variant-ligatures: none;
}
.heading {
    margin-bottom: 2em;
}
p.alignment-block-content-left {
    text-align: left;
}

@font-face, p (with the hyphen code), body, and heading all get deleted. p.subsq gets changed to text-indent: 1.2em;. The letter-spacing in the smallcaps code goes. And any instance of text-align: left; also goes.

I also remove unused CSS. I add in my body and my h1 code. I remove unused divs and spans. That's all I need to do in most cases.

I grabbed the sample of The Standoff by Scott Blade from Amazon and looked at it's code. Perhaps you should have included the p entry between the @fontface and p.subsq entries? I'm still curious as how that gives you indents on every paragraph? While the margin-top in the subsequent paragraphs style would give a space between paragraphs since there is no text indent specified, I can't see your indent and paragraph space complaint. While I prefer an indent and no space, space and no indent is a valid choice. As for removing unused or undefined code, Delete unused stylesheet selectors and cssUndefinedClasses do a decent job of cleanup.

Spoiler:

p {
    margin-bottom: 0px;
    text-indent: 0px;
    margin-top: 0px;
    text-align: justify;
}

The code I replace the body, p and p.subsq with is below:

body {
  display: block;
  font-size: 1em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-indent: 0;
  widows: 1;
  orphans: 1;
}

p {
  margin: 0 0 0 0;
  padding: 0.1em 0 0 0;
  margin-block-end: 0em;
  }

p.subsq {
  text-indent: 1.25em;
}

I must thank you for bring yet another variant of Vellum stylesheets to my attention.

Edit: And just perhaps if we wish to continue this discussion, it should be moved to a new thread in a more relevant forum.

[JSWolf]

Originally Posted by DNSB

I grabbed the sample of The Standoff by Scott Blade from Amazon and looked at it's code. Perhaps you should have included the p entry between the @fontface and p.subsq entries? I'm still curious as how that gives you indents on every paragraph? While the margin-top in the subsequent paragraphs style would give a space between paragraphs since there is no text indent specified, I can't see your indent and paragraph space complaint. While I prefer an indent and no space, space and no indent is a valid choice. As for removing unused or undefined code, Delete unused stylesheet selectors and cssUndefinedClasses do a decent job of cleanup.

Spoiler:

p {
    margin-bottom: 0px;
    text-indent: 0px;
    margin-top: 0px;
    text-align: justify;
}

The code I replace the body, p and p.subsq with is below:

body {
  display: block;
  font-size: 1em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-indent: 0;
  widows: 1;
  orphans: 1;
}

p {
  margin: 0 0 0 0;
  padding: 0.1em 0 0 0;
  margin-block-end: 0em;
  }

p.subsq {
  text-indent: 1.25em;
}

I must thank you for bring yet another variant of Vellum stylesheets to my attention.

Edit: And just perhaps if we wish to continue this discussion, it should be moved to a new thread in a more relevant forum.

The original code is as you say. But I've edited it to put in indents and remove paragraph spaces.