5 Replies Latest reply on Dec 12, 2013 7:20 AM by Steve Joiner

    How do you make text responsive

    Steve Joiner

      I have made a simple text only animation which consists of three lines of text.


      - Line 1 flies in from the left


      - Then line 2 flies in from the right


      - Then line 3 flies in from the left again.


      The Animation is to occure once on page load so afterwards looks like a piece of typography on the page.


      I have all settings  set to % that are possible but I can not get the text to scale down when Browser widths are reduced. All that happens is the width of the text boxes reduce which forces the lines of text to break up into multiple lines.


      This image shows the three lines of text after they have moved into place.

      Screen Shot 2013-12-11 at 15.05.42.png


      This next image shows what happens when the stage width is reduced.


      Screen Shot 2013-12-11 at 15.06.51.png


      How can I scale the text down responsively to the size of the browser?


      The only way I can think of is to replace real text with illustrator outlines. But ideally I want text.


      Is this possible?