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 - 渲染與問號字符問題？

回答

相關問題