[JSWolf]

Originally Posted by dgatwood

Squirrelly doesn't begin to describe what I'm seeing from KDP:

body {
        font-family: "DG Didot", serif;
}

works, but:

body {
        font-family: "DG Didot", serif;
        -webkit-font-smoothing: antialiased;
        font-smooth: always;
        -webkit-font-smooth: always;
        -moz-font-smooth: always;
        -moz-osx-font-smoothing: grayscale;
        -webkit-line-box-contain: block inline replaced !important;
        line-box-contain: block inline replaced !important;
        text-rendering:geometricPrecision;
}

doesn't. Unfortunately, that code works around critical font rendering bugs in WebKit, many of which likely affect Kindle (untested).

Grr.

Edit: It looks like:

    text-rendering:geometricPrecision;

is the line that's breaking the online previewer.

All of that nonstandard code you put in that horrible looking body style has to go. Basically, it's just the one line that has the font-family that stays. They rest has to go. I would not be surprised if Amazon didn't accept your eBook with all that in it.