Google web-font, Open Sans's tilde rendering as a dash when the font size is 13px

Question

I'm using Google's Open Sans web-font as the main font in my website and it's rendering all the tilde character (~) as normal dashes while I'm using 13px as font-size

Is there a way to fix this without increasing font-size?

Answer 1

Okay I found few methods to fix this issue.

1. Using <em>~</em>

2. Using <span class='tilde'>~</span> and applying some CSS like below:

.tilde { font-size: 14px !important; }