我用的是谷歌字体的AmaticSC700。
这是google字体上的链接:https://www.google.com/fonts/specimen/Amatic+SC。
问题是现在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>
这是本期的截图:
这是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中,使用上面的代码+粗体文本会完全弄乱字母间距。
最佳答案
这是Amatic字体粗体版本的已知问题,从2011年11月的bug report中可以看出。你的字体实现正确,只是字体文件本身有一个错误。
解决方法是使用常规变体作为问号。我知道这不是一个很好的解决办法,但似乎你也无能为力。