View Single Post
Old 02-27-2020, 10:09 AM   #6
Cepheus
Member
Cepheus began at the beginning.
 
Cepheus's Avatar
 
Posts: 19
Karma: 10
Join Date: Mar 2019
Device: Kindle
Hi, and thanks for all your responses. The original CSS was just the following:

span.num {
font-size: 1.2em;
font-style: normal;
font-weight: bold;
color: gray;
}

Unfortunately this has the same results as the CSS I originally posted. I've tried just about every combination of CSS too without luck.

Hobnail - the HTML I posted earlier is just a small output of the entire file. Our files are generated from an XML to XSLT to HTML conversion that automatically breaks up the book by chapters. The XML and Doctype info is in the header. I just left it out of the post for brevity.

I've looked into it a little further and this seems to be a problem that pops up on all our ePubs when using a span tag. For whatever reason if we specify a font style (serif or san-serif) it works at the paragraph level. But any span tag within those paragraph styles will always be overridden by whatever the default font on the device is set too. So if the CSS specifies that the paragraph be set to san-serif if the user selects a serif font in iBooks that serif font will display in any span tags within that san-serif paragraph. Just to make things even more bizarre it will only happen in some of our chapters but not all. In 2/3 of the above book the number displays as intended. And it only seems to happen in iBook (desktop and iPad versions). In other ePub software it works fine.


Not sure if anyone has experience with this and it may be something that we have no control over :-( But I'd love to hear other people's experience with this.
Cepheus is offline   Reply With Quote