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 : enter image description here

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.


Popular posts from this blog

c# - ODP.NET Oracle.ManagedDataAccess causes ORA-12537 network session end of file -

matlab - Compression and Decompression of ECG Signal using HUFFMAN ALGORITHM -

utf 8 - split utf-8 string into bytes in python -