Something screwey

crutledge · 08-02-2013, 07:36 AM

I have been using the following style for somewhile with no problems. The CSS passes W3C with no errors.

Code:

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

In the attached ePub produced in Sigil, the desired outcome does not display in either ADE or Calibre ePub viewers.

No problems in Sigil, Kindle or LRF.

I have looked at this thing so long I nolonger see it.

Will someone point out what I cant see?

theducks · 08-02-2013, 09:46 AM

Quote:

Originally Posted by crutledge

I have been using the following style for somewhile with no problems. The CSS passes W3C with no errors.

Code:

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

In the attached ePub produced in Sigil, the desired outcome does not display in either ADE or Calibre ePub viewers.

No problems in Sigil, Kindle or LRF.

I have looked at this thing so long I nolonger see it.

Will someone point out what I cant see?

Because ADE does not support smallcaps. See the ADE known bugs list down in EPUB forum.
Fake it with all uppercase at fontsize: 85%

dynabook · 08-02-2013, 09:46 AM

I have discovered and no doubt others will tell you that ADE does not support smallcaps without an embedded font with smallcaps in it. Sigil has access to the PC fonts. Kindle may support smallcaps. I know my Sony reader does not without an embedded font.
--MH

theducks · 08-02-2013, 09:50 AM

Tie

Jellby · 08-02-2013, 09:52 AM

Quote:

Originally Posted by dynabook

I have discovered and no doubt others will tell you that ADE does not support smallcaps without an embedded font with smallcaps in it. Sigil has access to the PC fonts. Kindle may support smallcaps. I know my Sony reader does not without an embedded font.

It's not a font problem. It doesn't work with an embedded font unless you force it use that font (i.e., it doesn't recognize that, for small-caps, it should use this or that font which has been defined as small-caps, as it does for bold or italic).

Most browser-type HTML engines support are able to fake small-caps themselves by doing what you'd do manually (change the text to uppercase and set it smaller), but not ADE.

mrmikel · 08-02-2013, 10:19 AM

Maybe the one ray of sunshine in having to fake it is that you make your small caps just exactly what you want for your application...a bit bigger or a bit small than standard is dead easy using css.

crutledge · 08-02-2013, 11:46 AM

Quote:

Originally Posted by mrmikel

Maybe the one ray of sunshine in having to fake it is that you make your small caps just exactly what you want for your application...a bit bigger or a bit small than standard is dead easy using css.

Would you be so kind to show me how?

theducks · 08-02-2013, 12:04 PM

Quote:

Originally Posted by crutledge

Would you be so kind to show me how?

Wrap the phrase in a span

Code:

<P>Stuff <span class="fakesmcaps">THE PHRASE NOW SHOWS AS SMALL CAPS</SPAN> More stuff.</p>

Code:

.fakesmcaps { fontsize: 85%; }

If the phrase is not already upper case, you can use the default Clips (apply to selection)UPPERCASE REGEX

Code:

\U\1\E

crutledge · 08-02-2013, 12:12 PM

Quote:

Originally Posted by theducks

Wrap the phrase in a span

Code:

<P>Stuff <span class="fakesmcaps">THE PHRASE NOW SHOWS AS SMALL CAPS</SPAN> More stuff.</p>

Code:

.fakesmcaps { fontsize: 85%; }

If the phrase is not already upper case, you can use the default Clips (apply to selection)UPPERCASE REGEX

Code:

\U\1\E

This causes all characters to be reduced in size.

What is needed is something to mimic the following, which is very labor intensive:

Code:

T<small>HE</small> P<small>HE</small> N<small>HE</small> S<small>HE</small> A<small>HE</small> S<small>HE</small>L C<small>HE</small>

The leading character is full size and the following characters are reduced insize.

Jellby · 08-02-2013, 12:27 PM

Quote:

Originally Posted by crutledge

What is needed is something to mimic the following, which is very labor intensive:

That's the only way (without using and forcing an embedded font) that will work when the small-caps are not implemented. You have basically two options:

a) Accept it and write ugly, hackish, unmaintanable code like that.

b) Use small-caps anyway, and let readers which don't support them display a sub-par version.

crutledge · 08-02-2013, 01:17 PM

Quote:

Originally Posted by Jellby

That's the only way (without using and forcing an embedded font) that will work when the small-caps are not implemented. You have basically two options:

a) Accept it and write ugly, hackish, unmaintanable code like that.

b) Use small-caps anyway, and let readers which don't support them display a sub-par version.

This is not the only thing that bugs me about ADE.

After about two seconds in which the consider ramifications

I'll go with option b.

Thanks to everyone who responded.

theducks · 08-02-2013, 01:19 PM

Charlie
Adjust the size percentage (% of the base P) to taste.

You can also add font-weight adjustments or any other stylistic treatments.

remember to cross check the rendering on different programs.

Tex2002ans · 08-02-2013, 11:05 PM

Quote:

Originally Posted by Jellby

b) Use small-caps anyway, and let readers which don't support them display a sub-par version.

This is exactly what I do at work, and I stress it.

Unreadable/unmaintainable code = garbage. It also makes it a huge pain finding typos as well, as spellcheck does not work on:

Code:

T<small>EH</small> O<small>CTPOUS</small> H<small>AD</small> E<small>IGHT</small> A<small>RMS</small>

While it will notice it if the code was:

Code:

<span class="smallcaps">Teh Octpous Had Eight Arms</span>

I have actual EPUBs if you would like to see the typo disasters due to this "smallcaps" problem.

08-02-2013, 09:46 AM	#3
dynabook Techno-geek Posts: 225 Karma: 1116651 Join Date: Nov 2006 Location: Mississippi, USA Device: PRS-T1 (Black), PRS-T3S (Black), Kobo Aura ONE	I have discovered and no doubt others will tell you that ADE does not support smallcaps without an embedded font with smallcaps in it. Sigil has access to the PC fonts. Kindle may support smallcaps. I know my Sony reader does not without an embedded font. --MH

08-02-2013, 09:50 AM	#4
theducks Well trained by Cats Posts: 31,048 Karma: 60358908 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	Tie

08-02-2013, 10:19 AM	#6
mrmikel Color me gone Posts: 2,089 Karma: 1445295 Join Date: Apr 2008 Location: Central Oregon Coast Device: PRS-300	Maybe the one ray of sunshine in having to fake it is that you make your small caps just exactly what you want for your application...a bit bigger or a bit small than standard is dead easy using css.

08-02-2013, 01:19 PM	#12
theducks Well trained by Cats Posts: 31,048 Karma: 60358908 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	Charlie Adjust the size percentage (% of the base P) to taste. You can also add font-weight adjustments or any other stylistic treatments. remember to cross check the rendering on different programs.