Wsparcie » Motywy » Nowa czcionka

  • Witam!
    Chciałem dodać nową czcionkę na swoją stronę, aby edytować nazwę witryny.
    Wiadomo, dodałem katalog fonts/nazwa_czcionki.ttf (wp-content/uploads/fonts/nazwa_czcionki.ttf),
    w css dodałem kod
    @font-face {
    font-family: nazwa_czcionki;
    src: url(’nazwa_strony_z_której_pobrałem_czcionkę.pl/wp-content/uploads/fonts/nazwa_czcionki.ttf’);
    }
    .tytuł-witryny {
    font-family: nazwa_czcionki !important;
    }
    Niestety takim sposobem nie udało mi się jej zmienić… próbowałem potem przenieść katalog fonts do innego folderu (wp-content/themes/nazwa_motywu/fonts/nazwa_czcionki…) Też nie pomogło. Jest jakiś sposób, aby ta czcionka zadziałała?
    Pozdrawiam.

Viewing 15 replies - 1 through 15 (of 17 total)
  • Adres url czcionki powinien być zawarty pomiędzy górny apostrof.

    Tak jak w tym przykładzie: KLIK

    Pliki czcionki powinno się umieszczać w katalogu motywu i w pliku style.css używać ścieżki względnej czyli takiej
    'fonts/nazwa_czcionki.ttf'

    Następnie przy pomocy narzędzi dla developerów należy prawdzić czy czcionka jest wczytywana przez przeglądarkę.

    Thread Starter sterol

    (@sterol)

    Adres url był ustawiony z apostrofem i pliki czcionki były umieszczone w motywu i w stylu… nie wiem co jest nie tak, może mógłbym źle podać url…

    Najlepszej podaj adres strony.

    Thread Starter sterol

    (@sterol)

    @edit
    Udało się poprawić, dzięki za odp.

    • Ta odpowiedź została zmodyfikowana 6 years, 10 months temu przez sterol.
    • Ta odpowiedź została zmodyfikowana 6 years, 10 months temu przez sterol.
    Thread Starter sterol

    (@sterol)

    @mrpauloen, wszystko ładnie cacy, ale teraz dostaje z consoli error „Failed to load resource: the server responded with a status of 404 (Not Found)”

    • Ta odpowiedź została zmodyfikowana 6 years, 10 months temu przez sterol.
    • Ta odpowiedź została zmodyfikowana 6 years, 10 months temu przez sterol.

    Adres url do pliku czcionki nadal jest nie poprawny.
    Pokaż w jaki sposób to robisz.

    Thread Starter sterol

    (@sterol)

    @mrpauloen

    @font-face {
    font-family: bummeri;
    src: url(’fontzone.net/font-details/bummer-italic/******/******/wp-content/themes/gatsby/fonts/bummeri.ttf’);
    }

    .site-header .site-description {
    font-family: bummeri !important;
    }

    Moderator amistad18

    (@amistad18)

    Fontzone.net to adres Twojej strony? Po co te gwiazdki? Próbowałeś podać http z przodu albo odwoływać się do pliku względem adresu pliku CSS?

    @sterol Plik czcionki należy pobrać, bo jest taka możliwość, umieścić ją w katalogu fonts (lub css) motywu i odnieść się do niej z pliku style.css używając ścieżki względnej:

    src: url('fonts/nazwa_czcionki.ttf');

    Thread Starter sterol

    (@sterol)

    Fontzone.net to adres Twojej strony? Po co te gwiazdki? Próbowałeś podać http z przodu albo odwoływać się do pliku względem adresu pliku CSS?

    Fontozne.net to strona z, której pobrałem czcionkę. Http z początku było na przodzie, ale był ten sam error. Próbowałem się odwoływać, ale to nic nie pomogło…

    @sterol Plik czcionki należy pobrać, bo jest taka możliwość, umieścić ją w katalogu fonts (lub css) motywu i odnieść się do niej z pliku style.css używając ścieżki względnej:

    Czcionka jest umieszczona w katalogu fonts („gatsby/fonts/bummeri.ttf”) i odnosiłem się do niej z pliku style.css. Zauważyłem również, że ta czcionka działa tylko, gdy mam włączoną wtyczkę Use Any Fonts, a gdy ją wyłączam czcionka przestaję działać… Gdzieś jeszcze musiałem popełnić błąd

    Moderator amistad18

    (@amistad18)

    Podaj adres strony gdzie próbujesz użyć tego fonta.

    Thread Starter sterol

    (@sterol)

    http://benzynawekrwi.pl/
    Napis „BLOG MOTORYZACYJNY”

    Moderator amistad18

    (@amistad18)

    I w którym dokładnie pliku masz definicję fonta bummeri? Pamiętaj też aby wgrać plik fonta do siebie na serwer, a nie odwoływać się do zewnętrznego źródła (o ile nie jest to jakiś CDN który do tego celu służy).

    Thread Starter sterol

    (@sterol)

    W pliku style.css. Font jest na serwerze.

    Thread Starter sterol

    (@sterol)

    Udało się ogarnąć, ale teraz druga sprawa, chodzi o responsywność, robię zoom na 250% i nazwa Blog motoryzacyjny zmienia swoją pozycję…

Viewing 15 replies - 1 through 15 (of 17 total)
  • Temat ‘Nowa czcionka’ jest zamknięty na nowe odpowiedzi.