Not yet rated

Problem

I wanted to create some vertical typography, because it is better to create logos, and other stuff with text as it gets indexed better by search engines.

Solution

So I figured a nice way to produce some vertical text, without distorting my text. Also works well with non embeded fonts.

Detailed explanation

    <s:RichText text="{verticalText('NETGFX.COM')}"  color="0x000000" fontFamily="TitleFont" fontSize="40" verticalCenter="50" leadingModel="auto" horizontalCenter="719" right="-428" y="203.4" direction="ltr" renderingMode="cff" textRotation="rotate0" maintainProjectionCenter="true">


public function verticalText(txt)
    {
        var txtArr = String(txt).split("");
        var FINALTxt ="";
        for each(var t in txtArr)
        {
            FINALTxt = FINALTxt+t+"\n";
        }
        return FINALTxt;
    }

 

Et voila! You have nice vertical text, you can play around with spaces to create more typography.

Enjoy!


+
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at Adobe.

Report abuse

Related recipes