Squirrelly doesn't begin to describe what I'm seeing from KDP:
Code:
body {
font-family: "DG Didot", serif;
}
works, but:
Code:
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:
Code:
text-rendering:geometricPrecision;
is the line that's breaking the online previewer.