How to use subscript & superscript in dynamic and input text field
Issue:
- Unable to use subscript or superscript in dynamic and input text field.
- Unable to display subscript or superscript for external loaded text.
- Unable to use <sub> & <sup> tags in dynamic or input text field.
Reason:
<sub> & <sup> tags are not supported by Flash.
TechNote: Subscript and superscript fail in dynamic and input text fields
LiveDocs: Supported HTML tags
Solution:
- Download & install GG Subscript & GG Superscript TrueType fonts. You will need to restart Flash software after installed fonts.
- Create a dynamic text field with Arial font embeded. Set the HTML property to true.
- Create a dynamic text field with GG Subscript font embeded.
- Create a dynamic text field with GG Superscript font embeded.
-
Use HTML tag to set text to subscript or superscript like below:
Adobe<font face="GG Superscript">TM</font>
If you are using ActionScript to test the htmlText, use script like below:
my_txt.text = "Adobe<font face=\"GG Superscript\">TM</font>";
View sample: superscript.swf
Download sample: superscript.fla superscript.swf
NEW! (2008-09-21)
A new set of superscript & subscript fonts includes both sans & serif type, with more complete & improved glyphs, standard scale & shift, is now available to be downloaded (free) from here.
a2a_linkname="How to use subscript & superscript in dynamic and input text field";a2a_linkurl="http://blog.ggshow.com/index.php/reference/2007/04/19/how_to_use_subscript_aamp_superscript_in"; 
a2a_linkname="How to use subscript & superscript in dynamic and input text field";a2a_linkurl="http://blog.ggshow.com/index.php/reference/2007/04/19/how_to_use_subscript_aamp_superscript_in"; 18 feedbacks
Comments, Pingbacks:
Comment from: Aisha [Visitor]
Thanks sooo much, I just had a very disappointing experience when I found that my way of importing various unicode characters from text files only worked on Macs, and I was at a loss - but you fixed the subscript/superscript part of my problem (the biggest part). Thanks again
07/13/07 @ 22:27
07/13/07 @ 22:27 Comment from: senthil kumar [Visitor] 
Just now im hearing this superscript along with the flash. Nice to learn
08/21/07 @ 17:32
08/21/07 @ 17:32 Comment from: Yin [Visitor]
wow. you totally made my day. I've been trying to put subscripts in all week!! Thanks so much!
11/08/07 @ 06:27
11/08/07 @ 06:27 Comment from: Aaron Beall [Visitor] · http://abeall.com
· http://abeall.com You don't know how long I've been looking for these two fonts. Well, I'll tell you: about the last 4 years. All other hacks I've tried have had issues. Thank-you very much for sharing!!
- aaron 01/24/08 @ 11:17
- aaron
01/24/08 @ 11:17 Comment from: flo [Visitor]
Couldn't believe there's no native support for subscript tags in flash. You helped me out... thank you so much!
flo 02/13/08 @ 19:01
flo
02/13/08 @ 19:01 Comment from: G [Member] · http://www.ggshow.com
· http://www.ggshow.com Here is a nice solution for using GG superscript & GG subscript with <sup> & <sub> tag
http://www.psyked.co.uk/adobe/flash/superscript-and-subscript-with-actionscript.htm 07/12/08 @ 18:28
http://www.psyked.co.uk/adobe/flash/superscript-and-subscript-with-actionscript.htm
07/12/08 @ 18:28 Comment from: G [Member] · http://www.ggshow.com
· http://www.ggshow.com Also work in flex
http://jasonbejot.com/?p=3 07/12/08 @ 18:32
http://jasonbejot.com/?p=3
07/12/08 @ 18:32 Comment from: Evan Gifford [Visitor] · http://blitzagency.com
· http://blitzagency.com Nice tip, it's a real timesave. Thank you very much!
10/23/08 @ 07:57
10/23/08 @ 07:57 Comment from: JRM [Visitor] · http://jrm-teks.co.uk
· http://jrm-teks.co.uk Am I right in saying this doesn't work in Flash 7? (I know who targets flash 7...!)
01/14/09 @ 19:05
01/14/09 @ 19:05 Comment from: G [Member] · http://www.ggshow.com
· http://www.ggshow.com Hi JRM,
I've tested this solution in Flash Player 7, 8, 9 (CS3), both AS2 & AS3, it works.
If you have problem using the fonts in Flash 7, you can send me your FLA file I'll look at it. 01/14/09 @ 23:09
I've tested this solution in Flash Player 7, 8, 9 (CS3), both AS2 & AS3, it works.
If you have problem using the fonts in Flash 7, you can send me your FLA file I'll look at it.
01/14/09 @ 23:09 Comment from: parkej60 [Visitor]
Anyone know if there is a way to get this text to be bold?
01/18/09 @ 23:36
01/18/09 @ 23:36 Comment from: G [Member] · http://www.ggshow.com
· http://www.ggshow.com You need to ensure that you have embeded the bold font. Set the font to bold for the dynamic text field which used to embed font.
If you need multiple style (regular, bold, italic, bold italic), you will need to use multiple dynamic text field to embed the fonts. E.g. create 4 dynamic text fields, one with regular font, one to embed bold font, one for italic, and one for bold italic. Embed font for all the 4 text fields.
If you need only regular and bold styles, use only 2 dynamic text fields for font embeding. Now you should be able to have bold in your superscript.
Adobe<font face="GG Superscript"><b>TM <b>Adobe<font face="GG Superscript">TM</font></b> 01/19/09 @ 00:51
If you need multiple style (regular, bold, italic, bold italic), you will need to use multiple dynamic text field to embed the fonts. E.g. create 4 dynamic text fields, one with regular font, one to embed bold font, one for italic, and one for bold italic. Embed font for all the 4 text fields.
If you need only regular and bold styles, use only 2 dynamic text fields for font embeding. Now you should be able to have bold in your superscript.
Adobe<font face="GG Superscript"><b>TM <b>Adobe<font face="GG Superscript">TM</font></b>
01/19/09 @ 00:51 Comment from: parkej60 [Visitor]
The GG font apparently only allows for you to embed it as a regular font style, it doesn't appear to have a bold font style.
If I import it with Faux Bold checked it doesn't seem to change anything.
01/19/09 @ 03:09
If I import it with Faux Bold checked it doesn't seem to change anything.
01/19/09 @ 03:09 Comment from: G [Member] · http://www.ggshow.com
· http://www.ggshow.com Example below uses GG Superscript Sans font, with regular, bold, italic, bold italic.
01/19/09 @ 12:25
01/19/09 @ 12:25 Comment from: jairus [Visitor] · http://jairus.freehostia.com
· http://jairus.freehostia.com wow, thanks a lot for the great tip, works perfectly for me :D
02/02/09 @ 10:57
02/02/09 @ 10:57 This post has 2 feedbacks awaiting moderation...