html - Amatic SC normal 700 - rendering issue with question mark character? -
i'm using amatic sc 700 normal google fonts.
link on google fonts : https://www.google.com/fonts/specimen/amatic+sc .
the issue right char ?
converted in ®
.
the css code used is:
@import url(http://fonts.googleapis.com/css?family=amatic+sc:400,700); body { font-family: 'amatic sc', cursive; font-style: normal; font-weight: 700; }
the html looks :
<html> ???? </html>
this screenshot of issue :
this jsfiddle link: http://jsfiddle.net/m4vev43a/
i tested issue on:
- chrome version 42.0.2311.90
- firefox 37.0.1
- opera 12.16
any idea how can fix this?
browsers getting crazy?
or it's bug in font?
update:
when using :
@import url(http://fonts.googleapis.com/css?family=amatic+sc);
so without suffix :400,700
question mark character displayed properly.
unfortunately using above code + bold text totaly messing letter spacing in chrome, firefox, opera.
this known issue bold version of amatic font, can seen in bug report november, 2011. font implemented correctly, it's font file has bug.
a workaround use regular variant question marks. know that's hardly great solution seems there's not else can do.