[JSWolf]

Originally Posted by QuietShelfLife

Good questions.

Custom fonts — not yet, but it's on the list. Right now you get a curated set per reading theme (serif, sans-serif, and a few specific faces like Baskerville, Palatino, Garamond). Loading your own .ttf/.otf files is a feature I want to add.

Hyphenation — yes, enabled by default on body text with hyphens: auto, limited to 3 consecutive hyphenated lines. Disabled on headings, code, and captions.

CSS — publisher stylesheets are respected. The reader handles the common EPUB CSS patterns (drop caps, floats, tables, footnotes, CJK/RTL scripts). Font and color overrides use !important only where needed so publisher styling comes through. No user CSS injection yet, but that's something I'd consider adding alongside custom fonts.

The CSS is not respected properly. The eBook I am looking at does not have huge gaps between paragraphs. It has Widows and orphans set to 1 so the text on most pages should end at the same place at the bottom of the screen. There are also large gaps at the bottom of the screen. The is no line height setting in the CSS, yet I have large line spacing I should not have.

Here is the CSS of the book I am using to test the app.

blockquote {
  margin-top: 0.8em;
  margin-right: 1.5em;
  margin-bottom: 0.8em;
  margin-left: 1.5em;
}
body {
  widows: 1;
  orphans: 1;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  text-align: justify;
}
h2 {
  text-align: center;
  text-indent: 0;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}
hr {
  margin-top: 0.9em;
  margin-right: 40%;
  margin-bottom: 0.9em;
  margin-left: 40%;
  border-top: 2px solid;
}
img {
  max-height: 100%;
  max-width: 100%;
}
p {
  margin-top: 0;
  margin-bottom: 0;
  text-indent: 1.2em;
  widows: 1;
  orphans: 1;
}
.center, .ded1 {
  text-align: center;
  text-indent: 0;
  margin-top: 0.8em;
  margin-bottom: 0;
}
.copy {
  font-size: small;
  text-indent: 0;
}
.copy1 {
  font-size: small;
  margin-top: 0.8em;
  text-indent: 0;
}
.cover {
  text-align: center;
  text-indent: 0;
  height: 100%;
}
.ded {
  margin-top: 3em;
  margin-bottom: 0.2em;
  text-align: center;
  text-indent: 0;
}
.dedaa {
  margin-top: 0.8em;
  margin-bottom: 0.2em;
  text-align: center;
  text-indent: 0;
}
.imagel {
  margin-top: 1em;
  margin-bottom: 0;
  text-indent: 0;
}
.noindent {
  text-indent: 0;
}
.noindent1 {
  margin-top: 0.8em;
  text-indent: 0;
}
.noindent2 {
  text-indent: -1.2em;
  margin-left: 1.2em;
}
.right {
  margin-top: 0;
  margin-bottom: 0.8em;
  text-align: right;
  text-indent: 0;
}
.smallcaps {
  font-size: 0.8333em;
}

Because a paragraph is not fitting fully at the end of the screen, it's fully moved to the next screen.

Here is a screen grab of a page from a book with very simple CSS. This does not look good. Way too much space all over the page.. The background is too bright and the font in use needs more weight. The problem is that to change the colors to something I can actually read, I have to pay for this when it's not yet ready. I need the background to more gray. It's too bright at white. Even sepia is too bright,