[css-fonts] Need inline character level text transforms

Hi there,

Right now CSS spec, transforms happen at the block level.  If I want to scale text along the y-Axis, I have to scale it at the block level.  This results in text with rows that are misaligned.  And I lose the ability to scale text inline.

Is there a reason text always needs to be transformed at the block-level, instead of inline?

This can be a common option to stylize text.  InDesign’s has it front-and-center, and character transforms are done inline, although there is a separate option to transform blocks as well.

Ideally this transform can be defined in the @font-face as well:

@font-face {
 font-family: “Didot";
 src: local(“Didot");
 character-transform: scaleY(1.25);
}

.Vogue-Headline {
 font-family: “Didot”
 character-transform: scaleY(1.25)
}

Please consider this.

-bobby
---
Bobby Mozumder
Editor-in-Chief
FutureClaw Magazine
mozumder@futureclaw.com <mailto:mozumder@futureclaw.com>
+1-240-745-5287
www.futureclaw.com <http://www.futureclaw.com/>
twitter.com/futureclaw <https://www.twitter.com/futureclaw>
www.linkedin.com/in/mozumder <http://www.linkedin.com/in/mozumder>