W3C home > Mailing lists > Public > www-style@w3.org > December 2014

[css-fonts] Need inline character level text transforms

From: Bobby Mozumder <mozumder@futureclaw.com>
Date: Tue, 16 Dec 2014 14:02:11 -0500
Message-Id: <2D48F2AA-6EB3-4410-A9B4-A13AE79D60F0@futureclaw.com>
To: www-style list <www-style@w3.org>
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 Mozumder
FutureClaw Magazine
mozumder@futureclaw.com <mailto:mozumder@futureclaw.com>
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>

Received on Tuesday, 16 December 2014 19:03:03 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:49 UTC