[Tex2002ans]

Originally Posted by Turtle91

Smallcaps can be used with lowercase AND uppercase letters - and the uppercase glyph is used while still maintaining a font-size difference.

Exactly.

Originally Posted by Turtle91

It is also using a font that looks like a telegram or an old typewriter.

It looks really nice actually!

It was straight out of a 1913 book (PDF)!

Originally Posted by Hitch

What is it precisely that you're demo'ing here, Tex?

Earlier in the thread there was some bad info going on about "all lowercase" smallcaps.

Originally Posted by phillipgessert

I'll be darned. Not sure where I got the idea that text-transform: lowercase didn't work against hard caps.

As always, MDN is a fantastic resource:

• MDN: "text-transform"

They even do a great job explaining all the localization issues. (Not all languages capitalize the same!)

If you want all the technical details, as always, the specs explain even more:

• CSS Text Module Level 3: "text-transform"

Originally Posted by JSWolf

Yes your code will work. But try this. You will not get small-caps.

I don't get what the heck you're trying to even get across. But I think it's because there needs to be concrete examples/screenshots.

This is the way I see it.

Here are 4 different "methods" of doing smallcaps:



Generated using this code (or see attached EPUB):

Spoiler:

HTML:

  <p><span class="sc1">NOW IS THE TIME FOR ALL GOOD MEN TO COME TO THE AID OF THEIR COUNTRIES.</span></p>

  <p>N<span class="sc2">OW</span> I<span class="sc2">S</span> T<span class="sc2">HE</span> T<span class="sc2">IME</span> F<span class="sc2">OR</span> A<span class="sc2">LL</span> G<span class="sc2">OOD</span> M<span class="sc2">EN</span> T<span class="sc2">O</span> C<span class="sc2">OME</span> T<span class="sc2">O</span> T<span class="sc2">HE</span> A<span class="sc2">ID</span> O<span class="sc2">F</span> T<span class="sc2">HEIR</span> C<span class="sc2">OUNTRIES</span>.</p>

  <p><span class="sc3">Now Is The Time For All Good Men To Come To The Aid Of Their Countries.</span></p>

  <p><span class="sc3">Now Is the Time for All Good Men to Come to the Aid of Their Countries.</span></p>

CSS:

p {
  font-family: "Liberation Serif", serif;
}

.sc1 {
  font-variant: small-caps;
}

.sc2 {
  font-variant: small-caps;
  text-transform: lowercase;
}

.sc3 {
  font-variant: small-caps;
}

(I only chose Liberation Serif because I know it has a high-quality smallcaps variant.)

• 1 = ALL CAPS
• 2 = lowercase text-transform
  
  • Similar to F<small>AKE</small> C<small>APS</small>
• 3 = small-caps
• 4 = small-caps + manual Title Casing

If you want to keep smallcaps in your ebooks, what you should aim for is 3 or 4.

If, like Quoth said, you have oddities—like shrunken acronyms: "AM/PM", "NATO", or "FBI"—then it's up to you to decide what you want:

Spoiler:

HTML:

<p>I worked for the FBI.</p>

<p>I worked for the <span class="sc2">FBI</span>.</p>

<p>I worked for the <span class="sc">fbi</span>.</p>

But, let it be known:

This text-transform shenanigans won't work on Adobe Digital Editions (4.5):



so I would not rely on it for maximum compatibility.

Which is why, yet again, I recommend:

• ALL CAPS acronyms
• Title Case text as needed.
• Apply <span class="smallcaps"> as needed.
  
  • (Version 3 or 4 above.)

Those devices that have proper small-caps support/fonts will display great.

Those that don't will still have a readable EPUB too!

- - -

Side Note: Acronyms are maybe the only case I could see JSWolf's text-transform being applicable.

But, personally, I wouldn't go through all the trouble of tagging every acronym with markup.

Side Note #2: If you did need to tag all acronyms though...

Have I told you about the great way to use Spellcheck Lists?

Similar to my "mark all foreign words" trick, you can:

• Use "Change Selected Word To:"
• FBI -> @FBI@
• Use regex to convert to <span class="smallcaps">FBI</span>