For some reason when using non-breaking hyphen in this serif font causes it to appear very low like an underscore on some Android mobile clients. https://screencast.com/t/PRIcfIcK Not sure what could be causing this. ndashs work fine and #8209; entity works on the serif version

This si onyly happening on serif fonts with &8209; non breaking hyphens. As soon as I switch it to a serif font it works.

CSS for mobile font size:


*[class="oneline_a2"] {
font-size: 30px !important;
           line-height: 34px !important;
           letter-spacing: 0px !important;

        }


HTML: 
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="max-width: 640px;">
    <tr>
        <td width="100%">
            <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="max-width: 640px;">
                <tr>
                    <td width="25" style="font-size:1px; line-height:1px;"  class="mobile_width_spacer_single">
                        <img width="25" border="0" src="images/spacer50.gif" style="display:block; padding:0; margin:0; border:none;" class="mobile_width_spacer_single" />
                    </td>
                    <td style="font-family: Georgia, serif; font-size: 75px; line-height:80px; color: #000000 !important; color: #000000; text-align: center; letter-spacing: 0px;" class="oneline_a2">
                        <a href="${clickthrough('W_SHOP_ALL_STRAIGHT_FIT_JEANS')}" target="_blank" width="100%" height="100%" style="color:#000000!important;text-decoration: none;">
                            <span style="color:#000000!important;font-size:75px;line-height:80px;text-decoration: none;" class="oneline_a2"><font color="000000">
                               New Straight&#8209;Fit Jeans
                            </font></span>
                        </a>
                    </td>
                    <td width="25" style="font-size:1px; line-height:1px;"  class="mobile_width_spacer_single">
                        <img width="25" border="0" src="images/spacer50.gif" style="display:block; padding:0; margin:0; border:none;" class="mobile_width_spacer_single" />
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>