Unexpected missing generic font family

[paperback]

Using the "Check book" function throws up the following error: "Unexpected missing generic font family (font-family-no-missing-generic-family-keyword)."

For the following CSS declaration: span.font {font-family: "KaiTi";}

But the font is showing as available in the "Fonts" list; and "Manage fonts" also shows that the font is available and embedded.

This is happening regularly with embedded fonts in downloaded ebooks. What is causing the error and how to resolve it?

[Quoth]

Generic means something like:
span.font {font-family: "KaiTi", serif;}

It's a stricter check for a fall-back font. It can be ignored if font is embedded and ereader or app uses embedded font.
Some ereaders or apps won't use embedded fonts, or user doesn't select Publisher.

However it's a very Western-centric idea (Latin-Roman families). Putting the wrong one, or having it at all only matters if your specific font isn't embedded and the reading renderer can't display it or user disables publisher setting. Old mobi, Kindle Apps on iOS and some Android apps for epubs never use embedded fonts.

Common generic names:

Generic Font Families

In CSS there are five generic font families:

Serif fonts have a small stroke at the edges of each letter. They create a sense of formality and elegance.
Sans-serif fonts have clean lines (no small strokes attached). They create a modern and minimalistic look.
Monospace fonts - here all the letters have the same fixed width. They create a mechanical look.
Cursive fonts imitate human handwriting.
Fantasy fonts are decorative/playful fonts.

All the different font names belong to one of the generic font families.

https://www.w3schools.com/CSS//css_font.asp

If you don't what it will be read on, find the generic family the font KaiTi belongs to.


This "error" baffled me the first time I saw it.

Warning, while www.w3schools.com is your friend on CSS and HTML, not all of it applies to ebooks, which is more like "Print" CSS on a webpage.

Keep it simple:

[paperback]

Generic means something like:
span.font {font-family: "KaiTi", serif;}

That did the trick. Thanks.