Wsparcie » Używanie i konfiguracja WordPressa » Edycja czcionki w motywie komercyjnym

  • Rozwiązano awiator

    (@awiator)


    Witam Was wszystkich bardzo, bardzo serdecznie!

    Przede wszystkim swój post opieram na poniższym screenie:
    http://swirko.lh.pl/temp/fonty.jpg

    Wstęp:
    Punkty 1. i 2. to miejsca, w których ma pozostać czcionka PT Sans Narrow
    Punkt 4. to miejsce, w którym ma zostać czcionka Arial

    Pytanie:
    Jak w Punkcie 3. czcionkę PT sans Narrow zmienić na Arial (z powodu złego wyświetlania polskich ogonków)?

    Problem:
    Zmiana w linii 19 (style.css) czcionki PT Sans Narrow na Arial powoduje, że czcionka zmienia się również w punkcie 2.

    Rozwiązanie?
    Wydaje mi się, że gdzieś w kodzie trzeba zdefiniować nowy niezależny zapis dla punktu 3. Ale gdzie?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Niestety, na podstawie obrazka nie można podać Ci odpowiedzi. To jaka czcionka zostanie wyświetlona przez przeglądarkę w danym miejscu zależy od wykorzystanych stylów CSS. Nie znajdziesz tu analogii do edytora typu Word, gdzie od razu możesz jednoznacznie stwierdzić jakie ustawienie powoduje wyświetlania danej czcionki. Bo style czcionki mogą być dziedziczone, mogą zależeć od kontekstu i jeszcze kilku innych zasad działania kaskadowych arkuszy stylów.

    Stąd występuje u Ciebie efekt, który opisałeś w punkcie „Problem”.

    W tych zawiłościach może Ci pomóc narzędzie FireBug, doinstalowywany do przeglądarki Firefox.

    Z tego co widzę na Twojej stronie to w wielu miejscach będziesz miał ten problem, bo wszędzie, również na podstronach ta czcionka jest wykorzystywana w nagłówkach, również niższego poziomu.

    Jeśli chodzi o zmiany w CSS to masz dwie opcje:
    1. Zmiana globalna h2 na inną czcionkę (linijka 21 w css, musisz dopisać deklarację font-family: Arial, sans-serif;) minus jest taki że jeśli w swoich postach będziesz wykorzystywał inne nagłówki h3, h4 itd. (a myślę że będziesz) to one pozostaną w PT Sans.

    2. Zmiana globalna wszystkich nagłówków na inną czcionkę – to chyba było by lepsze rozwiązanie. Wtedy zmieniasz deklarację w linijce 19 tak jak pisałeś, a żeby cytat w nagłówku Ci się nie rozjechał musisz jeszcze w linijce 61 css dopisać do deklaracji .slogan h1 font-family: 'PT Sans Narrow, serif';

    Tak sobie myślę że zmiana tej czcionki na pospolity Arial może Ci zmienić nieco estetykę strony, dlatego zastanów się, czy lepiej nie zmienić np. na Open Sans Condensed, którą i tak masz includowaną w nagłówku, a wygląda podobnie do PT Sans i ma polskie znaki. Żeby ustawić tą czcionkę wystarczy że w w css ustawisz font-family: 'Open Sans Condensed', Arial;

    Thread Starter awiator

    (@awiator)

    @alex27
    Zastosowałem się do Twojej rady w ostatnim akapicie. Zmieniłem czcionkę na Open Sans Condensed jednak pomimo, że obsługuje ona polską czcionkę, coś jest nie tak (patrz tytuł „Tańcowała igła z nitką”):
    http://www.swirko.pl/project/tancowala-igla-z-nitka/
    Czy i na to masz jakąś radę? 🙂

    Witam wszystkich serdecznie.
    Czcionka, którą ładujesz nie posiada polskich znaków, a dokładniej po optymalizacji przez google nie jest dołączony subset zawierający polskie znaki (Latin-ext).
    Jeżeli ręcznie konfigurowałeś na stronach google web fonts to musisz zaznaczyć ptaszkiem dodatkową opcję ’latin-ext’ w kroku 2. Choose the characters you want.
    Gdy wygenerowałem taki kod:
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin-ext' rel='stylesheet' type='text/css'>
    to polski subset jest ok.

    Pozdrawiam wszystkich serdecznie i w razie problemów służę pomocą.

    Właśnie miałam to samo napisać 🙂 To rozwiąże Twój problem z polskimi znakami.

    Thread Starter awiator

    (@awiator)

    Bardzo Wam dziękuję za pomoc. Oczywiście działa. Problem rozwiązany 🙂 Pozdrawiam

Viewing 6 replies - 1 through 6 (of 6 total)
  • Temat ‘Edycja czcionki w motywie komercyjnym’ jest zamknięty na nowe odpowiedzi.