<HTML dir=ltr><HEAD>
<META http-equiv=Content-Type content="text/html; charset=unicode">
<STYLE><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 10pt;
font-family:Verdana
}
--></STYLE>
<META content="MSHTML 6.00.6000.16939" name=GENERATOR></HEAD>
<BODY class=hmmessage>
<DIV id=idOWAReplyText53996 dir=ltr>
<DIV dir=ltr><FONT face=Arial color=#000000 size=2>That is an understatement.</FONT></DIV>
<DIV dir=ltr><FONT face=Arial></FONT> </DIV>
<DIV dir=ltr><FONT face=Arial>The options (and drawbacks of each)</FONT></DIV>
<DIV dir=ltr><FONT face=Arial></FONT> </DIV>
<DIV dir=ltr><FONT face=Arial>- use font symbols from fonts that have them using the unicode characters. You can't rely on the user having the big unicode font, and can't install it on their system. Even the *best* font doesn't have all of the symbols you need for *everything*;</FONT></DIV>
<DIV dir=ltr><FONT face=Arial>- Use the embedded subscript - superscript font. This works quite well if you can control the font display. Embed the fonts by making a resources.swf with them in, then use the embedded font on the learning object or text icons. You can embed normal verdana and the sub / super fonts, and then mix them in a text icon <font face="verdana">H</font<font face="sub">2</font><font face="verdana">O</font>. Drawbacks are i) this is a pain in the arse; ii) there are good reaons not to embed fonts - in toolkits its the accesibility stuff, there are others;</FONT></DIV>
<DIV dir=ltr><FONT face=Arial>- Use latex. <tex src="H^2"> in the text icons, but you can't do it inline as you get an image back, so have to reference graphics, ie 'Hydrogen(1) is a gas. When it reacts with Oxygen(2), water forms(3).' Not appropriate in all situations.</FONT></DIV>
<DIV dir=ltr><FONT face=Arial>- Parse the text and handle it yourself. We have done this and split all the text into individual movie clips, one word for each. We use a convenient <sub> , </sub> tag and when we find it, we position the movieclip accordingly, and set the font size. We have to lay out each row of text like this, measuring as we go. Major pain - not easy to find general rules that will position the text in different fonts nicely. Also, it is actually good for acccessibility and other stuff to have the text in one icon, rather than split to clips - notably if it needs to be changed at runtime. There is an engine funtion to iconID.splitToClips() if you want to see what you can do with the results;</FONT></DIV>
<DIV dir=ltr><FONT face=Arial></FONT> </DIV>
<DIV dir=ltr><FONT face=Arial>We have scratched our heads long and hard on this one. John is in a much better position to chime in if I've missed anything. John?</FONT></DIV>
<DIV dir=ltr><FONT face=Arial></FONT> </DIV>
<DIV dir=ltr><FONT face=Arial>J</FONT></DIV></DIV>
<DIV dir=ltr><BR>
<HR tabIndex=-1>
<FONT face=Tahoma size=2><B>From:</B> xerte-bounces@lists.nottingham.ac.uk on behalf of Dave Burnett<BR><B>Sent:</B> Thu 12/11/2009 18:08<BR><B>To:</B> Xerte list<BR><B>Subject:</B> RE: [Xerte] sub/super script?<BR></FONT><BR></DIV>
<DIV><BR>Hmm, that's rather un-handy isn't it.<BR>:-/<BR><BR><BR>
<HR id=stopSpelling>
Subject: RE: [Xerte] sub/super script?<BR>Date: Thu, 12 Nov 2009 17:51:17 +0000<BR>From: Julian.Tenney@nottingham.ac.uk<BR>To: xerte@lists.nottingham.ac.uk<BR><BR>
<STYLE>
.ExternalClass .ecxshape
{}
</STYLE>
<STYLE>
.ExternalClass p.ecxMsoNormal, .ExternalClass li.ecxMsoNormal, .ExternalClass div.ecxMsoNormal
{margin-bottom:.0001pt;font-size:12.0pt;font-family:'Times New Roman','serif';}
.ExternalClass a:link, .ExternalClass span.ecxMsoHyperlink
{color:blue;text-decoration:underline;}
.ExternalClass a:visited, .ExternalClass span.ecxMsoHyperlinkFollowed
{color:purple;text-decoration:underline;}
.ExternalClass p
{margin-right:0cm;margin-left:0cm;font-size:12.0pt;font-family:'Times New Roman','serif';}
.ExternalClass span.ecxEmailStyle18
{font-family:'Calibri','sans-serif';color:#1F497D;}
.ExternalClass .ecxMsoChpDefault
{font-size:10.0pt;}
.ExternalClass div.ecxSection1
{page:Section1;}
</STYLE>
<DIV class=ecxSection1>
<P class=ecxMsoNormal><SPAN style="FONT-SIZE: 11pt; COLOR: rgb(31,73,125); FONT-FAMILY: 'Calibri','sans-serif'">Don’t get me started on sub / super script.</SPAN></P>
<P class=ecxMsoNormal><SPAN style="FONT-SIZE: 11pt; COLOR: rgb(31,73,125); FONT-FAMILY: 'Calibri','sans-serif'"></SPAN> </P>
<P class=ecxMsoNormal><SPAN style="FONT-SIZE: 11pt; COLOR: rgb(31,73,125); FONT-FAMILY: 'Calibri','sans-serif'">The Flash Player does not support it and it is a real big problem when you work for University.</SPAN></P>
<P class=ecxMsoNormal><SPAN style="FONT-SIZE: 11pt; COLOR: rgb(31,73,125); FONT-FAMILY: 'Calibri','sans-serif'"></SPAN> </P>
<DIV>
<DIV style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0cm; BORDER-TOP: rgb(181,196,223) 1pt solid; PADDING-LEFT: 0cm; PADDING-BOTTOM: 0cm; BORDER-LEFT: medium none; PADDING-TOP: 3pt; BORDER-BOTTOM: medium none">
<P class=ecxMsoNormal style="MARGIN-LEFT: 36pt"><B><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 'Tahoma','sans-serif'">From:</SPAN></B><SPAN lang=EN-US style="FONT-SIZE: 10pt; FONT-FAMILY: 'Tahoma','sans-serif'"> xerte-bounces@lists.nottingham.ac.uk [mailto:xerte-bounces@lists.nottingham.ac.uk] <B>On Behalf Of </B>Dave Burnett<BR><B>Sent:</B> Thursday, November 12, 2009 5:50 PM<BR><B>To:</B> Xerte list<BR><B>Subject:</B> [Xerte] sub/super script?</SPAN></P></DIV></DIV>
<P class=ecxMsoNormal style="MARGIN-LEFT: 36pt"> </P>
<P class=ecxMsoNormal style="MARGIN-BOTTOM: 12pt; MARGIN-LEFT: 36pt; MARGIN-RIGHT: 0cm"><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'">Sorry, pretty weak when it comes to html/css/dhtml<BR><BR>I've tried:<BR><sup>m</sup> <BR><span style="vertical-align: super;">m</span><BR>and vertical-align: super as a selector in the CSS.<BR><BR>No joy.<BR><BR><BR><BR><BR><BR><BR></SPAN></P>
<DIV class=ecxMsoNormal style="MARGIN-LEFT: 36pt; TEXT-ALIGN: center" align=center><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'">
<HR align=center width="100%" SIZE=2>
</SPAN></DIV>
<P class=ecxMsoNormal style="MARGIN-LEFT: 36pt"><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 'Verdana','sans-serif'">Hotmail: Trusted email with Microsoft's powerful SPAM protection. <A href="http://clk.atdmt.com/GBL/go/177141664/direct/01/%0D%0Ahttp:/clk.atdmt.com/GBL/go/177141664/direct/01/">Sign up now.</A></SPAN></P></DIV><BR>
<HR>
Bing brings you maps, menus, and reviews organized in one place. <A href="http://www.bing.com/search?q=restaurants&form=MFESRP&publ=WLHMTAG&crea=TEXT_MFESRP_Local_MapsMenu_Resturants_1x1" target=_new>Try it now.</A> </DIV></BODY></HTML>