Amatic SC正常700 - 渲染与问号字符问题？

我使用谷歌字体的Amatic SC 700正常。
这是谷歌字体的链接：https://www.google.com/fonts/specimen/Amatic+SC。Amatic SC正常700 - 渲染与问号字符问题？

问题是，现在char ?转换为®。

我所使用的CSS代码：

@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如下：

<html> ???? </html>

这是问题的一个截图： enter image description here

这是jsfiddle链接：http://jsfiddle.net/m4vev43a/

我测试了这个问题上：

的Chrome版本42.0.2311.90
火狐37.0.1
歌剧12.16

任何想法，我怎么能解决这个问题？
我的浏览器变得疯了吗？
或者它是字体中的错误？

更新：

使用：

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

所以不带后缀:400,700正确显示问号字符。

不幸的是，使用上面的代码+粗体文本总是搞乱了Chrome，Firefox，Opera中的字母间距。

来源

2015-04-23 borracciaBlu

这是Amatic字体的大胆版本的一个已知问题，可以从2011年11月的bug report中看到。您的字体正确实施，只是字体文件本身存在错误。

解决方法是对问号使用常规变体。我知道这并不是一个很好的解决方案，但似乎没有什么可以做的。

来源

2015-04-23 09:14:11

我用来恢复这种情况的一种可能的解决方法。

注意：如果您需要相信每个浏览器的字母间距，则并不完美。

其实这个想法是：

再次定义在另外Amatic字体的性病之一，但没有：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; 
}

来源

2015-04-24 02:28:33 borracciaBlu

Amatic SC正常700 - 渲染与问号字符问题？

回答

相关问题