When I use a stylerun and a font tag together in a field script, why does the result look incorrect?

When using a font tag and a stylerun tag together in a field script, make sure to put the font tags around and outside of the stylerun tags.
 
For instance if you wanted to use fixed-width for the title of a phone field, and you want the title to be in a different font than the phone number.
 
INCORRECT
{{<stylerun fixedwidth="26"><font face="Cousine">@phonetitle@</font></stylerun>@phone@<br/>}}
This would result in the phone title being pushed over to the right instead of left aligned according to the formatting of the field.
 
CORRECT
{{<font face="Cousine"><stylerun fixedwidth="26">@phonetitle@</stylerun></font>@phone@<br/>}}
Note that the font tags have been placed outside and around the stylerun tags.