mickdm

Q: Text styling

This is a great production tool that we're interested in using to develop widgets for iBooks. I'm worried about the typograhy aspects of iAd Producer though. Unless I'm missing something, its seems that text styling can only be applied to an entire Label object as a whole; there doesn't seem to be the ability style within that Label object text. I realise this may need to be done through CSS rather some WYSIWYG editor but I can't see how to do this where it would be applied to spefic words or phrases and not the object as a whole. As a basic core feature, we would need to be able to style individual words or sentences to be bold or italics, a spefic colour or underline, and to use bulletted and numbered lists and indenting. For ease of use, this would ideally be through a WYSIWIG editor such as the editor for this discussion forum.

 

If there is a way to do this, please let me know.

 

Thanks and regards,

Mick

iAd Producer 4.0 , OS X Mountain Lion (10.8.4)

Posted on Jul 31, 2013 3:27 AM

Close

Q: Text styling

  • All replies
  • Helpful answers

  • by markmalone,

    markmalone markmalone Jul 31, 2013 6:56 AM in response to mickdm
    Level 2 (210 points)
    Jul 31, 2013 6:56 AM in response to mickdm

    Hey Mick,

     

    For blocks of multi-styled text, use the HTML Object and markup + CSS to create styled runs as you would on any web page.

     

    Cheers,

     

    -Mark

  • by mickdm,

    mickdm mickdm Aug 13, 2013 6:38 AM in response to markmalone
    Level 1 (0 points)
    Aug 13, 2013 6:38 AM in response to markmalone

    Thanks Mark,

    That makes perfect sense now that you've pointed it out.

     

    I'm not sure if I'm doing something wrong, but I can't get the global.css to work when referenced from an HTML object. If I place the follwing in the global.css

     

    .normal {font-size:14px}

    .boxed {background: #FC0}

    .blue {background: #80b5ff}

     

    and then reference it within the HTML object:

     

    <div class="normal"><p>I am proud to come to this city as the guest of your <span class="boxed">distinguished Mayor,</span> who has symbolized throughout the world the <span class="blue">fighting spirit of West Berlin.</span></p></div>

     

    It doesn't work. Whereas, if I place the same styling internally in the HTML object, it works fine.

     

    ie


    <style type="text/css">

                .normal {font-size:14px}

                .boxed {background: #FC0}

                 .blue {background: #80b5ff}

    </style>

    <div class="normal"><p>I am proud to come to this city as the guest of your <span class="boxed">distinguished Mayor,</span> who has symbolized throughout the world the <span class="blue">fighting spirit of West Berlin.</span></p></div>

     

    Does an HTML object need to call in the global.css ie through something like:

    <link rel="stylesheet" type="text/css" href="global.css">

    (not working when I tried it)

     

    Any help appreciated,

    Thanks,

    Mick

  • by markmalone,

    markmalone markmalone Aug 13, 2013 8:13 AM in response to mickdm
    Level 2 (210 points)
    Aug 13, 2013 8:13 AM in response to mickdm

    Global.css styles should automatically be applied - it just won't show the results until you preview the page.

     

    Putting this in Global.css :

     

    div {

        font-weight: bold;

        font-size: 96pt;

    }

     

    .mydivclass {

        font-style:italic;

        font-size: 96pt;

    }

     

    Looks like this on the canvas:

    Screen Shot 2013-08-13 at 11.09.03 AM.png

    and this in Preview:

     

    Screen Shot 2013-08-13 at 11.09.10 AM.png

    Of course mine is a very simple example.

     

    -Mark