Hi all!
This is for Kindle KF8 and iBooks. I tried it in the following way but the problem is that the embedded fonts do not want to apply to the span tags. Do you know any solution? (FYI <div class="titleboxcolor"> makes the text background black.)
HTML
Code:
<div class="titleboxcolor">
<h2 id="toc_marker-2-1" class="title">White text</h2>
<h2 class="title"><span>Red text</span></h2>
<h2 class="title">White text</h2>
</div>
CSS
Code:
h2 {font-family:"Myriad Pro Black", sans-serif;
font-size:4.167em;
font-weight:900;
line-height:1.2 ;
margin-top:0px;
text-transform:uppercase;
}
h2.title span {
color:#c0081f;
}
h2.title {
color:#FFFFFF;
}