View Single Post
Old 12-28-2012, 07:38 PM   #1
FunkeXMix
Enthusiast
FunkeXMix began at the beginning.
 
Posts: 48
Karma: 10
Join Date: Aug 2011
Device: Ipad
How to make specific words change color when using embedded fonts?

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;

}
FunkeXMix is offline   Reply With Quote