2016-08-12 21 views
6

Ponieważ czcionki Google są blokowane w Chinach, musiałem je pobrać i użyć FontSquirrel do konwersji.CSS: Wyłącz ligatury czcionek we wszystkich przeglądarkach

Problem: fi/FF/etc są brzydkie

Zrobiłem wszystkie kroki tutaj Prevent ligatures in Safari (Mavericks/iOS7) via CSS ale nie cygaro.

Jak mogę wyłączyć ligatury na raz? -webkit-font-variant-ligatures: no-common-ligatures; Nie działa

+0

Czcionki Google są blokowane w Chinach! Łał!! Dziękuję za wskazanie tego. Bardzo przydatne. Wiem, że Google jQuery CDN jest zablokowany w Chinach, dlatego używam zamiast tego CDN jquery.com, ale nie nawiązałem połączenia z czcionkami Google. Dzięki jeszcze raz. (I przepraszam, nie mam odpowiedzi na twoje pytanie.) –

Odpowiedz

2

Pomimo no-common-ligatures można spróbować wartości jak none, unset lub no-contextual. See MDN dla wszystkich możliwych wartości.

Również jest to should be supported we wszystkich nowoczesnych przeglądarkach.

+1

'none' załatwił sprawę dla mnie. – Skoua

2

Zasadniczo ta sama odpowiedź, że andreas oferowane, ale tutaj jest pełna CSS dla łatwego odniesienia:

* { 
 
font-variant-ligatures: none; 
 
}

0
  1. można zakomentować linię w CSS jak:

    @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic); 
    
  2. Następnie, otwarta od góry URL w przeglądarce, dostaniesz plik CSS jak poniżej:

    /* 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. Pobierz każda czcionka podane w adresie URL każdego bloku, i umieścić w swoim majątku.

  4. Zapisz CSS w swoich zasobach (na przykład google-fonts.css) po zmodyfikowaniu adresów URL (względem katalogu zasobów).

Teraz Twoja aplikacja będzie używać czcionek google z tego samego źródła i nie poczujesz żadnej różnicy.