2016-08-12 82 views
6

由於谷歌字體在中國被封鎖,我必須下載它們並使用FontSquirrel進行轉換。CSS:在所有瀏覽器中禁用字體連字

問題:FI/FF /等醜陋

我做了所有的步驟,在這裏Prevent ligatures in Safari (Mavericks/iOS7) via CSS,但沒有雪茄。

如何禁用連字一次? -webkit-font-variant-ligatures: no-common-ligatures; 不工作

+0

Google字體在中國封鎖!哇!!感謝您指出了這一點。很有用。我知道谷歌jQuery CDN在中國被封鎖,這就是爲什麼我使用jquery.com CDN,但我沒有連接Google字體。再次感謝。 (抱歉,我沒有你的問題的答案。) –

回答

2

儘管no-common-ligatures你可以嘗試像noneunsetno-contextual值。 See MDN所有可能的值。

而且它在所有現代瀏覽器中都是should be supported

+1

'none'爲我做了詭計。 – Skoua

2

本質上相同的答案是andreas提供的,但在這裏是爲便於參考,完整的CSS:

* { 
 
font-variant-ligatures: none; 
 
}

0
  1. 你可以在你的CSS像註釋掉行:

    @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic); 
    
  2. 然後,從上面的瀏覽器中打開的網址,你會得到CSS文件,如下圖所示:

    /* latin */ 
    @font-face { 
        font-family: 'Source Sans Pro'; 
        font-style: italic; 
        font-weight: 300; 
        src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/fpTVHK8qsXbIeTHTrnQH6MAjkyiewWYrWZc50I8hK7I.woff2) format('woff2'); 
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215; 
    } 
    
  3. 下載每個塊的URL給出,並且把你的資產,每種字體。

  4. 在修改URL(相對於您的資產目錄)後,將CSS保存到您的資產(比如google-fonts.css)中。

現在,您的應用程序將使用來自相同來源的谷歌字體,您不會感覺到任何區別。