2014-09-30 36 views
1

我已經開始使用Google Webfont的Radley字體設計項目(https://www.google.com/fonts/specimen/Radley)。在Google Webfont中丟失字形Radley italic?

我注意到斜體字符序列「st」在Windows 7中顯示爲空白至少。我想知道是否會有一個字形失蹤? 「s」和「t」斜體單獨存在,但它看起來像字體使用某些序列的連字變體。

這裏有一個演示:http://codepen.io/nltesown/pen/tpfoy(第二行輸出:EA爲我們)

<p>East is West</p> 
<p><em>East is West</em></p> 
<p><em>Eas t is Wes t</em></p> 

使用//fonts.googleapis.com/css?family=Radley:400,400italic

編輯:這似乎是一個Firefox(32?)的問題。在Chrome或IE中正常工作。

任何想法有什麼不對?

回答

4

我有同樣的問題,我有固定它:

font-style: italic; 
text-rendering: initial; 
letter-spacing: 0.0003em; 

不幸的是,其中這是行不通的一些舊的瀏覽器。


編輯:您可以嘗試添加此行。

-webkit-font-feature-settings: "liga" 0; 
-moz-font-feature-settings: "liga" 0; 
font-feature-settings: "liga" 0; 
+0

它的工作原理!但爲什麼 ? – 2015-04-22 21:21:36

+1

我發現你也可以使用 -webkit-font-feature-settings:「liga」0; -moz-font-feature-settings:「liga」0; font-feature-settings:「liga」0; 與上面的組合應該100%修復Radley字體。 – 2015-04-24 08:06:04

+0

-moz-font-feature-settings:「liga = 0」;/* Firefox 4-14 */ – 2015-04-24 08:12:53

0

我有同樣的問題。我使用了上面的答案,但發現它在iphone 5上測試時沒有解決。答案:在's'和't'之間添加註釋。

eg: "s<!-- fix -->t" 

工作一種享受:)