Brak polskich znaków w szablonie WordPress - pustynia

Brak polskich znaków w szablonie wordpress

Szablon wordpress bez polskich znaków

Często wykorzystując gotowe szablony do WordPressa spotykamy się z sytuacją, gdy motywy niepoprawnie obsługują polskie znaki. Szczególnie często zdarza się to w przypadku tytułów i podtytułów wpisów. Dzieje się tak dlatego, iż twórcy szablonów dla WordPressa, aby upiększyć swój motyw stosują różne egzotyczne czcionki. Zazwyczaj wszystko działa poprawnie na stronach angielskojęzycznych. Natomiast jeśli użyjemy polskich znaków, litery wyświetlane są przy pomocy standardowych czcionek, a nie za pomocą nietypowej czcionki, która akurat idealnie pasuje do szablonu.

Polskie znaki w Google Web Fonts

Po instalacji motywu, który właśnie widzicie na wphouse.eu, zauważyłem, iż w tytułach nie wyświetlają się poprawnie polskie znaki. W pierwszej kolejności podejrzałem źródło strony w poszukiwaniu użytej czcionki i w sekcji head znalazłem coś takiego:

<link href='http://fonts.googleapis.com/css?family=Signika:600,700' rel='stylesheet' type='text/css'>

Wychodzi więc na to, że w motywie użyto czcionki z Google Web Fonts o nazwie Signika. Po znalezieniu czcionki na stronach Google, okazało się, że czcionka stworzona jest przez Polkę, Annę Giedryś i zawiera polskie znaki. Więc dlaczego nie wyświetlają się poprawnie na stronie?

Okazuję się, iż aby poprawnie wyświetlić polskie litery diakrytyczne z Google Web Fonts, należy dodać do linku: &subset=latin,latin-ext

W moim przypadku wystarczyło zmodyfikować link do czcionki w pliku header.php:

<link href='http://fonts.googleapis.com/css?family=Signika:600,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

Problem pojawia się, gdy czcionka, którą chcemy wykorzystać na naszej stronie, nie zawiera polskich liter. Wtedy możemy albo znaleźć taką czcionkę, która zawiera polskie znaki, albo zmodyfikować istniejącą czcionkę i dodać do niej polskie litery.


  • Boniu

    Dzięki, pomogło mi bardzo 🙂

  • tomo

    Dzięki – krótko i do rzeczy.

  • kfk

    Dzięki Panowie, cieszę się, że się przydało 😉

  • Marek

    A co jak nie mam takiej linijki w header, a polskich znaków nie widać?

    • kfk

      Warto jeszcze zerknąć czy czcionka nie jest osadzona na stronie w stylach CSS, np: czy w pliku style.css nie występuje zapis:
      @font-face { font-family: „Adler”;
      src: url(„adler.ttf”);}
      Warto też przejrzeć czy w folderze z motywem nie ma katalogu z użytymi czcionkami.

      • Oliwia

        Jak w css właśnie zmienić na pl znaki?
        „np: czy w pliku style.css nie występuje zapis: @font-face { font-family: „Adler”;
        src: url(„adler.ttf”);}”

        Występuje u mnie takie coś i co mam dodać?

        • kfiatek

          Znajdź katalog w którym jest przechowywana czcionka (src: url…) i sprawdź czy czcionka zawiera polskie znaki. Jak otworzysz plik .ttf z czcionką powinien się otworzyć instalator czcionki i będziesz mogła zobaczyć jakie znaki dana czcionka zawiera.
          Jeśli ich nie ma, to niestety trzeba będzie zmienić ją na inną, albo wgrać do katalogu z czcionkami i dodać czcionkę z poziomu css albo wykorzystać Google Web Fonts i dodać odnośnik np. w pliku header.php

  • Gosia

    Pomogło 🙂 Dziękuję!