Stosując na stronie www czcionki z grona czcionek dostepnych w Google, można czasem spotkać się z problemem przy wyświetlaniu polskich znaków. Problem może być o tyle ciekawy, że będzie się ujawniał tylko w niektórych przeglądarkach lub tylko w niektórych systemach operacyjnych.

W przypadku wystąpienia tego problemu można zauważyć nastepujące nieprawidłowości:

  • cały tekst wyświetlany jest poprawną czcionką, a jedynie polskie znaki wyświetlane sa inną
  • początek tekstu jest wyświetlany poprawną czcionką, a począwszy od wystapienia polskiego znaku reszta jest wyświetlana inną

Okazuje się, że rozwiązanie tego problemu jest dość proste. Zwykle google podpowiada nam sposób dołączania czcionek w najprostszej postaci, czyli:

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

Jednak, aby rozwiązać opisywany problem należy zaznaczyć opcję Latin Extended, lub dodać parametr subset=latin-ext do naszego wywołania, które będzie wyglądało tak:

<link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin-ext' rel='stylesheet' type='text/css'>
Google fonts a polskie znaki
Tagged on:                     

9 thoughts on “Google fonts a polskie znaki

  • 2014-04-25 at 08:33
    Permalink

    Pod warunkiem, że dany font obsługuje rozszerzony zestaw znaków. Są takie co nie obsługują, np.: “Chewy”.

    Reply
    • 2015-10-23 at 18:49
      Permalink

      No niestety dla tej czcionki nie zadziała. Przede wszystkim musimy sprawdzać, czy dana czcionka posiada kodowanie latin-ext w polu: “Choose the character sets you want”

      Reply
  • 2016-09-23 at 21:54
    Permalink

    Super, dzięki za posta. Zadziałało na IE11 😉

    Reply
  • 2016-12-02 at 21:57
    Permalink

    Dzięki, zaoszczędziłeś mi czas i nerwy 🙂

    Reply
  • 2016-12-17 at 11:03
    Permalink

    Dzięki wielkie, tego właśnie szukałem, działa idealnie 🙂

    Reply
  • 2017-01-30 at 22:54
    Permalink

    Wiem temat stary, ale jednej rzeczy w sumie nie rozumiem. Na stronce google fonts ładnie koduje polskie znaki (czcionka Gloria Hallelujah), ale już przy wyborze setów brakuje możliwości wyboru rozszerzonych znaków łacińskich… znacie jakiś sposób co by to obejść???

    Reply
  • 2019-10-27 at 23:45
    Permalink

    A co jeśli pamięta się o ext, a nadal to nie działa – np. czcionka Lato, obsługująca polskie znaki.

    Tak na marginesie – u Ciebie w polu formularza, też pl znaki wariują… 😉

    Reply

Leave a Reply to Piotr Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Social Widgets powered by AB-WebLog.com.