View Single Post
Old 02-26-2020, 04:44 PM   #1
Cepheus
Member
Cepheus began at the beginning.
 
Cepheus's Avatar
 
Posts: 19
Karma: 10
Join Date: Mar 2019
Device: Kindle
Span tag displays inconsistently on iBooks

This is a really strange inconsistency. I have produced an ePub file with 21 XHTML files (1 per chapter). There are numbered headers in each chapter (1-5). Every header uses the same HTML structure and the same CSS (please see below). Amazingly the number in the header only displays in the correct san-serif style in chapters 1-13. In the last 8 chapters the number in the header displays as a serif font (please see attached screenshots).

In ADE it displays correctly throughout the book. I've combed through the HTML and CSS but can't find any reason for this and its baffling. Has anyone else had this experience with in iBooks or and iPad???

CSS for all chapters
section.chapter section.section div.titlepage h2.title span.num {
font-size: 1.2em;
font-family: Arial, Trebuchet, Verdana, Lucida, Helvetica, sans-serif !important;
font-style: normal;
font-weight: bold;
color: gray;
}

Chapter 13 HTML
<section xmlns="http://www.w3.org/1999/xhtml" class="section" title="1**READING" xmlns:epub="http://www.idpf.org/2007/ops" epub:type="subchapter" id="ch13">
<div class="titlepage">
<h2 class="title"><span class="num">1</span> READING</h2>
</div>
<p>...</p>
<p>...</p>
</section>

Chapter 14 HTML
<section xmlns="http://www.w3.org/1999/xhtml" class="section" title="1**READING" xmlns:epub="http://www.idpf.org/2007/ops" epub:type="subchapter" id="ch14">
<div class="titlepage">
<h2 class="title"><span class="num">1</span>**READING</h2></div>
<p>...</p>
<p>...</p>
</section>
Attached Thumbnails
Click image for larger version

Name:	Chapter 13 headers.JPG
Views:	383
Size:	987.4 KB
ID:	177375   Click image for larger version

Name:	Chapter 14 headers.JPG
Views:	376
Size:	1.16 MB
ID:	177376  
Cepheus is offline   Reply With Quote