MobileRead Forums - View Single Post - Selectively assigning font-size within an element

Turtle91 · 04-02-2026, 02:44 PM

Another option is to use small-caps css

Code:

.sc {font-variant:small-caps}
<p class="sc">BORN: Dec. 15, 1948 / DIED: Oct. 10, 1984 / A MOTHER, A SISTER, A DAUGHTER; LOVED BY ALL.</p>

Small-caps css is supported widely - it’s been around since css 1 in 1996 - and you can easily have a smaller font-size capital letter by putting a lowercase letter in the string. eg "Dec" looks like "DEC"

I also think it leaves the font-size of the numbers alone… so you can play around with that.

Some people don’t like using it, and I’m sure they’ll jump on here and say "it’s an ePub3 thing so don’t use it"… but that is just not true. There may be devices/apps that don’t do it "perfectly", but it’ll look great for most and acceptable for anyone else.

04-02-2026, 02:44 PM	#32
Turtle91 A Hairy Wizard Posts: 3,481 Karma: 21000001 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	Another option is to use small-caps css Code: .sc {font-variant:small-caps} <p class="sc">BORN: Dec. 15, 1948 / DIED: Oct. 10, 1984 / A MOTHER, A SISTER, A DAUGHTER; LOVED BY ALL.</p> Small-caps css is supported widely - it’s been around since css 1 in 1996 - and you can easily have a smaller font-size capital letter by putting a lowercase letter in the string. eg "Dec" looks like "DEC" I also think it leaves the font-size of the numbers alone… so you can play around with that. Some people don’t like using it, and I’m sure they’ll jump on here and say "it’s an ePub3 thing so don’t use it"… but that is just not true. There may be devices/apps that don’t do it "perfectly", but it’ll look great for most and acceptable for anyone else.