All geek questions in one place

Amatic SC normal 700 - rendering problem with question mark symbol?

I am using Amatic SC 700 normal from google fonts.
This is a link to google fonts: https://www.google.com/fonts/specimen/Amatic+SC .

The problem is that right now char is ?converted to ®.

CSS code I used:

@import url(http://fonts.googleapis.com/css?family=Amatic+SC:400,700);

body {
    font-family: 'Amatic SC', cursive;
    font-style: normal;
    font-weight: 700;
}

html looks like this:

 <html> ???? </html>

This is a screenshot of the problem: enter image description here

This is the jsfiddle link: http://jsfiddle.net/m4vev43a/

I tested this problem for:

  • Chrome Version 42.0.2311.90
  • Firefox 37.0.1
  • Opera 12.16

Any idea how I can fix this? Can my browsers go crazy?
Or is it a font error?

Update:

Using:

 @import url(http://fonts.googleapis.com/css?family=Amatic+SC);

So, without a suffix, :400,700the question mark symbol is displayed correctly.

, + Chrome, Firefox, Opera.

+4
2

Amatic, 2011 . , , .

. , , , , .

+5

, .

. , .

:

  • Amatic std, : 700
@font-face {
    font-family: 'Amatic';
    src: url(http://fonts.gstatic.com/s/amaticsc/v6/DPPfSFKxRTXvae2bKDzp5FtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/amaticsc/v6/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

.has-question-mark {
    font-family: Amatic;
}
0

Source: https://habr.com/ru/post/1584175/

More articles:


All Articles