Not Hjacking- Two Fonts, No Breaks

[teh603]

So based on what I read in this thread, I can use span tags in words to make small caps. Does it also work with two different embedded fonts?

For example, if I want to do a title where the capital letters are a variant of the same font with extra ruffles and flourishes.

Making a new thread because I don't want to hijack, and my HTML skills are still about where they were the last time I posted.

[theducks]

This is really an EPUB question (I can move this thread for you)

Yes, that is a good use for a span

<h3 class="ct"><span class="sc">the stuff to sc</span> the rest of the text </h3>

I believe is the style for the Block level contains the overall style and the span(s), the exceptions to that.

[DiapDealer]

Go ahead and move the thread, theducks. It really is a general EPUB topic.

[theducks]

Moderator Notice
Moved from Sigil

[Turtle91]

Originally Posted by theducks

This is really an EPUB question (I can move this thread for you)

Yes, that is a good use for a span

<h3 class="ct"><span class="sc">the stuff to sc</span> the rest of the text </h3>

I believe is the style for the Block level contains the overall style and the span(s), the exceptions to that.

If you want a different font for the capitals, then you would have to have a different <span> around them.

e.g.

<h3 class="ct"><span class="sc">T<span class="lowerSC">he</span> S<span class="lowerSC">tuff</span> T<span class="lowerSC">o</span> S<span class="lowerSC">c</span></span> the rest of the text </h3>

CSS:
.sc {font-family:"ruffles_flourishes"; font-size:1.1em; text-transform:uppercase}
.lowerSC  {font-family:serif; font-size:.9em}