Clever Geek Handbook

Google web font, Open Sans tilde rendering as dhash when font size is 13px

I am using Google Open Sans web font as my main font on my website and it displays all tilde characters (~)

as regular dashes when I use 13px

likefont-size

Tildes as dashes

Is there a way to fix this without magnification font-size

?

+3


source to share


3 answers


Ok, I found several ways to fix this problem.

  • Using <em>~</em>

Fixed tildes with em



  1. Using <span class='tilde'>~</span>

    and applying some CSS like below:

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

Fixed tildes with span

+2


source


Use the tilde width character.

Full Width Tile: ~

Regular tilde: ~



HTML exit codes: & # 65374; & Amp; # xff5e;

http://www.charbase.com/ff5e-unicode-fullwidth-tilde

+3


source


You can try a different font or font family. For example, below this problem is fixed in 13px

:

font-family: cursive;
0


source






More articles:


All Articles