Chcesz dodać niestandardowe czcionki w WordPress? Niestandardowe czcionki poprawiają typografię Twojej strony internetowej i doświadczenie użytkownika, pozwalając na używanie różnorodnych pięknych czcionek.
W WPBeginner dodaliśmy niestandardowe czcionki do wielu naszych stron partnerskich, więc wiemy, jak bardzo mogą one poprawić atrakcyjność wizualną strony.
Oprócz dobrego wyglądu, niestandardowe czcionki mogą również pomóc w poprawie czytelności, stworzeniu wizerunku marki i zwiększeniu czasu spędzanego przez użytkowników na Twojej stronie WordPress.
W tym artykule pokażemy Ci, jak dodawać niestandardowe czcionki w WordPressie przy użyciu Google Fonts, TypeKit i metody CSS3 @Font-Face.
Uwaga: Ładowanie zbyt wielu czcionek może spowolnić Twoją witrynę. Zalecamy wybranie dwóch czcionek i używanie ich w całej witrynie. Pokażemy Ci również, jak prawidłowo je ładować, nie spowalniając Twojej witryny.
Zanim przejdziemy do dodawania niestandardowych czcionek w WordPressie, przyjrzyjmy się, jak znaleźć niestandardowe czcionki, których można użyć.
Jak znaleźć niestandardowe czcionki do użycia w WordPressie
Czcionki kiedyś były drogie, ale już nie. Istnieje wiele miejsc, w których można znaleźć świetne darmowe czcionki internetowe, takie jak Google Fonts, Adobe Fonts (dawniej Typekit), FontSquirrel i fonts.com.
Jeśli nie wiesz, jak mieszać i dopasowywać czcionki, wypróbuj Font Pair. Pomaga projektantom łączyć piękne czcionki Google.
Wybierając czcionki, pamiętaj, że użycie zbyt wielu niestandardowych czcionek spowolni Twoją witrynę. Dlatego powinieneś wybrać dwie czcionki i używać ich w całym projekcie. Zapewni to również spójność Twojego projektu WordPress.
Mając to na uwadze, przyjrzyjmy się, jak dodać niestandardowe czcionki w WordPressie. Oto, co omówimy w tym samouczku:
- Dodawanie niestandardowych czcionek w WordPress z Google Fonts
- Dodawanie niestandardowych czcionek w WordPress przy użyciu czcionek Adobe
- Dodawanie niestandardowych czcionek w WordPress przy użyciu CSS3 @font-face
Dodawanie niestandardowych czcionek w WordPress z Google Fonts
Google Fonts to największa, darmowa i najczęściej używana biblioteka czcionek wśród twórców stron internetowych. Istnieje wiele sposobów dodawania i używania Google Fonts w WordPressie.
Metoda 1: Dodawanie czcionek Google za pomocą wtyczki WordPress
Jeśli chcesz dodać i używać czcionek Google na swojej stronie, ta metoda jest zdecydowanie najłatwiejsza i zalecana dla początkujących.
Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki Google Fonts Typography. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.
Okazja: Jeśli chcesz uzyskać wersję premium wtyczki, upewnij się, że użyjesz naszego kodu rabatowego Google Fonts for WordPress na 20% zniżki. Pozwoli to zmienić kolor i rozmiar czcionki w Twoim motywie WordPress i nie tylko.
Po aktywacji będziesz miał możliwość podania swojego adresu e-mail, aby otrzymać oficjalny przewodnik Quickstart.
Następnie musisz kliknąć Wtyczka czcionek » Dostosuj czcionki w bocznym pasku administratora.
Spowoduje to automatyczne przejście do narzędzia do dostosowywania motywów WordPress i automatyczne otwarcie nowej sekcji „Wtyczka czcionek”.
Tutaj możesz wybrać domyślne czcionki dla swojej witryny w sekcji „Ustawienia podstawowe” oraz czcionki dla poszczególnych części witryny w sekcji „Ustawienia zaawansowane”.
Zacznijmy od kliknięcia na „Ustawienia podstawowe”. Stąd możesz wybrać czcionki dla swojej treści, nagłówków, przycisków i pól.
Menu rozwijane „Rodzina czcionek” pozwalają wybrać nową czcionkę. Domyślną czcionkę znajdziesz na górze, następnie czcionki systemowe, a na końcu ogromną listę ponad 1455 czcionek Google.
Po wybraniu nowej czcionki podgląd automatycznie się zmieni, aby pokazać, jak wygląda.
Teraz możesz użyć zaawansowanych ustawień wtyczki, aby dostroić wybór czcionek.
Musisz kliknąć przycisk strzałki wstecznej „<” w lewym górnym rogu strony, a następnie kliknąć sekcję „Ustawienia zaawansowane”.
Tutaj znajdziesz ustawienia dla różnych sekcji Twojej witryny, takich jak tytuł witryny, menu nawigacyjne, obszar treści, pasek boczny i stopka.
Na przykład sekcja „Treść” da Ci opcje zmiany czcionki różnych poziomów nagłówków i cytatów.
Możesz wybrać niestandardowe czcionki, których chcesz użyć, z menu rozwijanych.
W podobny sposób możesz wybrać niestandardowe czcionki dla obszaru paska bocznego.
Po prostu kliknij przycisk wstecz i przejdź do ustawień „Pasek boczny”. Tam znajdziesz menu rozwijane, aby wybrać czcionki dla nagłówków i treści paska bocznego.
Kiedy będziesz zadowolony z wybranych czcionek, nie zapomnij kliknąć przycisku „Opublikuj”, aby zapisać zmiany.
Metoda 2: Ręczne dodawanie czcionek Google w WordPress
Ta metoda wymaga dodania kodu do plików motywu WordPress. Jeśli jeszcze tego nie robiłeś, zapoznaj się z naszym przewodnikiem, jak kopiować i wklejać kod w WordPressie.
Najpierw odwiedź bibliotekę Google Fonts i wybierz czcionkę, której chcesz użyć. Na stronie czcionki zobaczysz dostępne style dla tej czcionki.
Wybierz style, których chcesz użyć w swoim projekcie, a następnie kliknij przycisk „Wyświetl wybrane rodziny” na górze.
Spowoduje to otwarcie paska bocznego, gdzie możesz skopiować kod osadzania.
Istnieją dwa sposoby dodania tego kodu do Twojej witryny WordPress.
Najpierw możesz edytować plik header.php swojego motywu i wkleić kod przed tagiem <body>.
Jednakże, jeśli nie znasz edycji kodu w WordPress, możesz użyć wtyczki, aby łatwo dodać ten kod.
Po prostu zainstaluj i aktywuj wtyczkę WPCode. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji przejdź do strony Code Snippets » Header & Footer i wklej kod osadzania w polu „Header”.
Nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby je zachować. Wtyczka rozpocznie teraz ładowanie kodu osadzania czcionek Google na wszystkich stronach Twojej witryny.
Możesz użyć tej czcionki w arkuszu stylów swojego motywu w następujący sposób:
.h1 site-title {
font-family: 'Open Sans', Arial, sans-serif;
}
Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem, jak dodać czcionki Google w motywach WordPress.
Dodawanie niestandardowych czcionek w WordPress przy użyciu czcionek Adobe
Adobe Fonts, dawniej znane jako Typekit, to kolejne darmowe i premium źródło świetnych czcionek, których możesz używać w swoich projektach graficznych. Mają płatną subskrypcję, a także ograniczony darmowy plan, z którego możesz korzystać.
Po prostu zarejestruj się w usłudze Adobe Fonts i odwiedź sekcję „Przeglądaj czcionki”. Stąd musisz kliknąć przycisk </>, aby wybrać czcionkę i utworzyć projekt.
Następnie zobaczysz kod osadzania z identyfikatorem projektu. Pokaże również, jak używać czcionki w CSS Twojego motywu.
Musisz skopiować ten kod i wkleić go w sekcji <head> swojej witryny.
Istnieją dwa sposoby dodania tego kodu do Twojej witryny WordPress.
Najpierw możesz edytować plik header.php swojego motywu i wkleić kod przed tagiem <body>.
Jeśli jednak nie znasz się na edycji kodu w WordPressie, możesz użyć wtyczki do dodania tego kodu. Po prostu zainstaluj i aktywuj bezpłatną wtyczkę WPCode.
Po aktywacji przejdź do strony Fragmenty kodu » Nagłówek i stopka i wklej kod osadzania w polu „Nagłówek”. Następnie kliknij przycisk „Zapisz zmiany”.
To wszystko. Możesz teraz używać czcionki Typekit wybranej w arkuszu stylów motywu WordPress w następujący sposób:
h1 .site-title {
font-family: gilbert, sans-serif;
}
Aby uzyskać bardziej szczegółowe instrukcje, zapoznaj się z naszym samouczkiem, jak dodać niesamowitą typografię w WordPressie za pomocą Adobe Font (Typekit).
Dodawanie niestandardowych czcionek w WordPress przy użyciu CSS3 @font-face
Najbardziej bezpośrednim sposobem dodawania niestandardowych czcionek w WordPress jest dodanie czcionek za pomocą metody CSS3 @font-face. Ta metoda pozwala na używanie dowolnych czcionek na Twojej stronie internetowej.
Najpierw musisz pobrać czcionkę, która Ci się podoba, w formacie web. Jeśli nie masz formatu web dla swojej czcionki, możesz ją przekonwertować za pomocą FontSquirrel Webfont Generator.
Po uzyskaniu plików czcionek internetowych, musisz przesłać je na swój serwer hostingu WordPress. Najlepszym miejscem do przesłania czcionek jest nowy folder „fonts” w katalogu Twojego motywu lub motywu potomnego.
Możesz użyć FTP lub Menedżera plików swojego cPanel do przesłania czcionki.
Po przesłaniu czcionki musisz załadować czcionkę w arkuszu stylów swojego motywu za pomocą reguły CSS3 @font-face w następujący sposób:
@font-face {
font-family: Arvo;
src: url(http://www.example.com/wp-content/themes/your-theme/fonts/Arvo-Regular.ttf);
font-weight: normal;
}
Nie zapomnij zastąpić rodziny czcionek i adresu URL własnymi.
Następnie możesz użyć tej czcionki w dowolnym miejscu w arkuszu stylów motywu w następujący sposób:
.h1 site-title {
font-family: "Arvo", Arial, sans-serif;
}
Bezpośrednie ładowanie czcionek za pomocą CSS3 @font-face nie zawsze jest najlepszym rozwiązaniem. Na przykład, jeśli używasz czcionki z Google Fonts lub Typekit, najlepiej jest serwować czcionkę bezpośrednio z ich serwera w celu optymalnej wydajności.
Mamy nadzieję, że ten samouczek pomógł Ci dowiedzieć się, jak dodawać niestandardowe czcionki w WordPress. Możesz również dowiedzieć się, jak dostosować kolory na swojej stronie WordPress, lub zapoznać się z naszą listą najlepszych kreatorów stron WordPress typu przeciągnij i upuść.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Dennis Muthomi
Używałem wtyczki Google Fonts Typography wspomnianej w Metodzie 1 dla moich klientów i była ona wybawieniem. Warto może rozważyć wpływ szybkości ładowania Twojej strony. Wybór podzbioru czcionki (np. tylko znaków łacińskich) może mieć ogromne znaczenie dla czasu ładowania, jednocześnie zachowując pożądany wygląd.
Komentarze WPBeginner
Szybkość renderowania byłaby taka sama w obu przypadkach.
Kushal Phalak
Nie mogę obejść się bez niestandardowych czcionek. To tak, jakby czegoś brakowało, jeśli nie używam niestandardowej czcionki. Jako projektant i programista chcę, aby moje marki były starannie dopracowane, ponieważ jest to najważniejszy krok, a jeśli użyję jakiejkolwiek czcionki, nie czuję się dobrze. Wiem, że niektóre domyślne czcionki są dobre, ale nie znajduję w nich wystarczającej różnorodności. W WordPressie myślę, że ta funkcja powinna być wbudowana, ponieważ pozwoli to zaoszczędzić dodatkowy kłopot z dodawaniem niestandardowych czcionek.
Wsparcie WPBeginner
It would depend on the theme but maybe in the future there will be an easier way
Admin
Jiří Vaněk
Dziękuję za pomocny artykuł. Nasz język ma pewne specyfiki i cechy. Język czeski używa liter takich jak ěščřž. Czasami bardzo problematyczne jest znalezienie czcionki, która uwzględnia te znaki i nie wyświetla ich inaczej. Dlatego dziękuję za ten przewodnik, który w końcu pomoże mi rozwiązać odwieczny problem pisania w języku czeskim.
Jozef Fekete
As a Slovak I know exactly what you are talking about
In cases like this, it is advisable to use a filter to make searching for a suitable font easier. For example, look for fonts in the “Latin extended” category that support Czech and Slovak language.
Jiří Vaněk
To dobra rada. Dziękuję za nią. Już śledziłem niektóre litery. Jednak niektórzy klienci nie są z nich zadowoleni i chcą ozdobnych. Spróbuję Twojej rady dotyczącej wyszukiwania.
Moinuddin Waheed
Istnieje wiele czcionek Google, które są bardzo dobre i używane przez wielu najlepszych programistów.
Od jakiegoś czasu jestem fanem czcionek Poppins i Roboto i używałem ich na moich statycznych stronach, a także na stronach WordPress.
Widziałem, jak ludzie mówią, że należy używać czcionek Google z lokalnej biblioteki,
nie wiem, co to znaczy?
Twierdzą, że pobieranie z serwera może spowolnić działanie strony internetowej.
Jeśli tak jest, jak możemy dodać te czcionki z naszej własnej lokalnej biblioteki, biorąc pod uwagę, że są to czcionki Google?
Wsparcie WPBeginner
Wtyczka z naszego przewodnika ma opcję hostowania pliku czcionki lokalnie. Kiedy nie hostujesz pliku lokalnie, oznacza to, że Twoi użytkownicy będą musieli poczekać na pobranie czcionki z Google, aby zobaczyć tę czcionkę na Twojej stronie.
Admin
Moinuddin Waheed
Dzięki za przewodnik dotyczący przechowywania czcionek lokalnie.
Konieczność pobierania ich z Google nie jest dobrym pomysłem ze względu na szybkość. Będę o tym pamiętać, korzystając z czcionek Google, aby przechowywać je lokalnie.
Jiří Vaněk
Jeśli czcionka jest używana lokalnie, oznacza to, że jest przechowywana w sieci. Czyli na FTP, tak jak WordPress. Dzieje się tak, ponieważ w przeciwnym razie WordPress musiałby pobierać czcionki z serwerów Google, co spowalnia działanie strony. Ponadto może się zdarzyć, że serwery Google będą chwilowo wolne, co wpłynie na prędkość. Jeśli umieścisz swoją witrynę w jakimś narzędziu do pomiaru, takim jak pagespeed insight lub gtmetrix, zobaczysz, ile czasu może zająć ładowanie czcionek z serwerów Google. Dlatego powszechną praktyką jest lokalne przesyłanie czcionek do witryny, co poprawia zarówno szybkość reakcji witryny, jak i metryki. Ja też tak zrobiłem.
Ahmed Omar
Jeszcze raz dziękuję za przydatny artykuł.
Czy wiesz, dlaczego moja czcionka wyświetla się poprawnie na laptopie, ale nie na telefonie komórkowym?
Wsparcie WPBeginner
Najbardziej prawdopodobnym powodem jest to, że Twój motyw nadpisuje style dla urządzeń mobilnych. Jeśli skontaktujesz się z pomocą techniczną swojego motywu, powinni być w stanie pomóc.
Admin
Brayden Fraser
Powinieneś był powiedzieć, że do tego potrzebujesz być członkiem biznesowym WordPress. Wprowadzające w błąd.
Wsparcie WPBeginner
Cała nasza zawartość jest przeznaczona dla stron WordPress.org, Ty jesteś na WordPress.com, możesz zobaczyć nasze porównanie obu w naszym artykule poniżej:
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Admin
Tarun Kashyap
Jakiej czcionki używasz na tej stronie? Wygląda bardzo atrakcyjnie.
Wsparcie WPBeginner
We’re currently using Proxima Nova
Admin
Joshua
Czy możesz mi powiedzieć, jak robisz tak piękne animowane zdjęcia do swojego bloga? Jakiego oprogramowania używasz?
Wsparcie WPBeginner
There are multiple tools, for the moment you may want to take a look at Recordit for an option for creating a GIF
Admin
Manuel
Wielkie dzięki, próbowałem @font-face na WordPress, ale czcionka się nie wyświetlała, więc zastosowałem się do zaleceń, aby umieścić czcionki w katalogu motywu i voila!
Wsparcie WPBeginner
Glad our recommendation could help
Admin
Roshni Kanchan
Jeszcze raz dziękuję za przydatny artykuł.
Czy wiesz, dlaczego moja czcionka wyświetla się poprawnie na laptopie, ale nie na telefonie komórkowym?
Wsparcie WPBeginner
Twój konkretny motyw może mieć CSS specyficzny dla urządzenia, który nadpisuje dodaną czcionkę. Jeśli sprawdzisz to u wsparcia swojego motywu, powinni być w stanie Cię poinformować.
Admin
Vlad
Dziękuję bardzo!
Wsparcie WPBeginner
You’re welcome
Admin
Katherine
Dziękuję za ten prosty film. Naprawiłem moją czcionkę w kilka minut drugą metodą. Oszczędziłeś mi dużo czasu na grzebaniu w kodzie mojego motywu. Bardzo doceniam!
Wsparcie WPBeginner
Hej Katherine,
Proszę bardzo. Cieszymy się, że uznałeś to za pomocne.
Admin
Lub
Hej, moja czcionka nie jest czcionką Google. Przesłałem ją za pomocą font face, ale nie widzę jej w dostosowywaniu motywu. Jakieś rady?
giri
Cześć, naprawdę skorzystałem z Twojego posta. Mam 2 szybkie pytania.
1. Jakiej liczby wtyczek nie powinien przekraczać żaden bloger? Obecnie mam zainstalowanych około 18, czy uważasz, że to dużo. Czy mógłbyś również sprawdzić moją stronę i zaproponować mi
2. Twoja czcionka jest naprawdę piękna. Czy poleciłbyś wtyczki, które dałyby mi piękne czcionki, takie jak Twoje?
Na koniec, czy poświęciłbyś kilka sekund
Wsparcie WPBeginner
Cześć Giri,
1. Zapoznaj się z naszym artykułem na temat ile wtyczek WordPressa powinieneś zainstalować na swojej stronie.
2. W sprawie czcionek, proszę zobacz najlepsze wtyczki typograficzne dla WordPress.
Admin
Roshani
Wgrałem niestandardowe adresy URL czcionek w "font-face", ale w narzędziach deweloperskich pojawia się błąd 404. Przed załadowaniem strony internetowej czcionki wyświetlają się normalnie.
Proszę o pomoc.
Chamnan
Mam problem z czcionką khmerską podczas korzystania z Google Font. Problem polega na tym, że część tekstów wyświetla się jako symbole.
ahmed aboubakr
dzięki za Twoje samouczki, naprawdę pomagają, i dzięki za Twój cenny wysiłek
Fadl
Okej, nieważne… udało mi się to rozwiązać, usuwając kod @font-face z pola niestandardowego CSS
Amy
To jest naprawdę najlepszy przewodnik po dodawaniu czcionek, jaki znalazłem. Wszystkie metody są w jednym miejscu i każda metoda jest łatwa do naśladowania. Spędziłem ostatnie kilka dni na przeszukiwaniu internetu, próbując dowiedzieć się, jak dodać niestandardową czcionkę, która nie pochodziła z Google ani Typekit, i w końcu znalazłem łatwy do naśladowania przewodnik. Dziękuję!
Amber
Okej, więc użyłem Font Squirrel i otrzymałem zestawy @font-face. Wgrałem je do mojego motywu w Siteground. Następnie upewniłem się, że zmieniłem adres URL w Edytorze WP -> Czcionki. Oto przykład tego, co zrobiłem:
@font-face { font-family: ‘walpurgis_nightregular’; src: url(‘www.example.com/public_html/wp-content/themes/pique/fonts/walpurgisnight-regular-webfont.woff2’) format(‘woff2’), url(‘www.wanderlustconqueror.com/public_html/wp-content/themes/pique/fonts/walpurgisnight-regular-webfont.woff’) format(‘woff’); font-weight: normal; font-style: normal;
}
Pomimo wykonania tej czynności, czcionka nie pojawi się w sekcji „Typografia” opcji dostosowywania. Pomyślałem, że być może miałem ją również dodać do „Dodatkowego edytora CSS”, więc dodałem ją tam. To też nie zadziałało.
Chciałbym po prostu móc używać mojej czcionki dla nagłówków. Co robię źle? Ten samouczek, mający być dla początkujących, sprawia, że czuję się naprawdę głupi. Czy czegoś brakuje? Czy istnieje lepszy, bardziej szczegółowy samouczek dotyczący samego używania opcji Font Face? Pomocy!
Wsparcie WPBeginner
Cześć Amber,
Nie jesteśmy pewni. Spróbuj ponownie wykonać powyższe kroki.
Admin
Dan
Mam podobny problem jak Amber. Pomimo postępowania zgodnie z instrukcjami krok po kroku, moje czcionki nadal się nie ładują.
Używam niestandardowego motywu opartego na motywie twenty seventeen. Mój plik CSS znajduje się w lokalizacji wp-content/themes/twentyseventeen-child. Tutaj umieściłem również moje czcionki. W pliku CSS mam następujący kod:
Jednak moja strona nadal nie wyświetla tej czcionki! Co robię źle?
Syed Abbas Ali Shah
Mam też pytanie. Wgrałem pliki .ttf w moim
publichtml/nazwa-folderu-sieci/wp-content/theme/font
i dodałem nazwę czcionki w arkuszu stylów CSS edytora motywu w wordpressie. Ale nie pobiera czcionki.
Uprzejmie proszę o rozwiązanie
Raghava
Dzięki za cenne informacje. Spróbowałem i działa dobrze. Użyłem dwóch czcionek z Google, a podczas korzystania z czcionek Google wydajność witryny jest nieco niska.
jeśli możesz szczegółowo opisać, jak przesłać czcionki bezpośrednio do WordPressa, byłoby to mile widziane.
Thanks,
Raghava
Allix
Jeśli przeglądam „glif” w Photoshopie, który jest specjalnym znakiem w zakupionej czcionce – jak mogę przenieść ten glif do Photoshopa?
Dziękuję!
dsb
głupie pytania, jestem pewien! Ale w adresie URL – tam gdzie jest napisane „your theme” (twój motyw), to ma być zastąpione tytułem naszego motywu, zgadza się? Czy zostawiamy tę część bez zmian?
Także, w przypadku czcionek o długich nazwach, czy po prostu zostawić spacje między słowami, czy dodać znaki + lub coś innego?
Na przykład:
@font-face { font-family: Arvo example one; src: url(http://www.example.com/wp-content/themes/your-theme/fonts/Arvo example one-Regular.ttf); font-weight: normal; }1-click Use in WordPress
Dziękuję bardzo
Wsparcie WPBeginner
Cześć dsb,
Tak, będziesz musiał zastąpić your-theme rzeczywistą nazwą folderu swojego motywu. Jeśli przesłałeś swoją czcionkę do katalogu czcionek bieżącego motywu, możesz zobaczyć, jak nazywa się plik czcionki. lub Skopiuj nazwę pliku i po prostu wklej ją w CSS.
Admin
Vincent
„Najlepszym miejscem do przesłania czcionek jest nowy folder „fonts” w katalogu motywu lub motywu potomnego.”
Dlaczego to jest najlepsze miejsce, dokładnie? Tworzenie motywu potomnego dla pojedynczej czcionki jest trochę irytujące, ale przesłanie go w samym motywie oznacza, że może zniknąć po aktualizacji motywu, prawda? Czy nadal będzie bezpieczny, ponieważ jest to technicznie niepowiązany plik?
Andrew
Prawdopodobnie powiedziałbym, że generalnie głupotą jest nie mieć motywu potomnego, niezależnie od tego, do czego go używasz.
I nie, nie byłoby to bezpieczne, gdyby Twój motyw został zaktualizowany. Zostałby nadpisany przez aktualizację.
DaVince
> Powiedziałbym, że generalnie głupio jest nie mieć motywu potomnego, niezależnie od tego, do czego go używasz.
Dlaczego tak myślisz? Rozważ przypadek, gdy ktoś w żaden sposób nie zmienia motywu. Uruchamianie motywu potomnego byłoby całkowicie bezcelowe i dodawałoby tylko kolejną warstwę kodu na wszystko w tym przypadku.
> I nie, nie byłoby to bezpieczne, gdyby motyw został zaktualizowany. Zostałby nadpisany przez aktualizację.
Trochę się domyśliłem. Czuję, że powinno to zostać podkreślone w artykule, bo inaczej niektórzy ludzie będą niezadowoleni.
Shah
Cześć,
Nie mam problemu z dodawaniem niestandardowych czcionek w żadnym miejscu mojego motywu, tylko kiedy próbowałem zmienić czcionkę w pliku wp-embed-template.php, moje niestandardowe czcionki nie działają. Mam na myśli, że tak jakby w ogóle nie były @font-faced.
Czy mógłbyś mi pomóc zmienić czcionki w części osadzania WordPress? Czy powinienem ponownie dodać @font-face w php? Jest już dodane!
Z góry dziękuję,
Robin
Dziękuję za pomoc!
Po przesłaniu czcionki do mojego folderu czcionek, czy dodaję ją do mojego CSS? Czy zostawiam tam rodzinę czcionek? Ponieważ głównie jej używam. Jest to specjalistyczna czcionka używana tylko na specjalne okazje.
Jestem tak zdezorientowany.
Alicja
Really great! Been struggling a while (I’m quite new to all this) but now it works
Thanks a lot!
Nicole
Cześć. Dzięki za to. Jak znaleźć informacje o licencjonowaniu czcionki? Niektóre czcionki są dostępne w całym internecie i chcę jednej użyć, ale trudno znaleźć informacje o EULA.
Vincent
Zazwyczaj jest zawarte w metadanych samej czcionki. W systemie Windows możesz kliknąć prawym przyciskiem myszy i wyświetlić właściwości czcionki. Jeśli to nie wystarczy, możesz pobrać przeglądarkę czcionek z pełnym zestawem funkcji, która obsługuje wyświetlanie metadanych czcionek.
Andrea
Cześć, na jakie rozszerzenie powinien zostać zainstalowany font w WordPress?
Ponieważ mam problem z zainstalowaniem mojego
Mike
Cześć wszystkim, użyłem ostatniej techniki (@fontface), dodała ona czcionkę do wordpressa, ale uczyniła ją domyślną czcionką. Chciałem tylko, żeby była opcją na mojej liście czcionek. Czy możecie pomóc?
ep
Użyłem metody CSS @font-face. Działa jak marzenie. Dzięki.
Abdul Manan Abbasi
Assalam o Alaikum!
Jestem początkującym użytkownikiem WordPressa. Chcę dodać czcionkę Noori Nastaleeq do mojej strony internetowej. Jak mogę to zrobić? Potrzebuję Twojej pomocy.
Ildiko
Czy możesz podać porównanie wydajności między tymi metodami?
Asiyah
Cześć,
Jestem zupełnie nowy w wordpressie, więc mam nadzieję, że pomożesz mi. Właśnie dosłownie kupiłem niestandardową domenę od bluehost, następnie zainstalowałem wordpress, a na końcu zainstalowałem i aktywowałem motyw so simple. Chciałbym więc wiedzieć, czy moje zmiany czcionek zostaną utracone, jeśli zaktualizuję mój motyw w przyszłości, a jeśli tak, to jak mogę temu zapobiec?
Po prostu zauważyłem, że wiele innych stron zaleca najpierw dodanie wtyczki niestandardowego CSS i nie mam pojęcia, jak to zrobić.
Z poważaniem
Wsparcie WPBeginner
Zapoznaj się z naszym przewodnikiem na temat jak łatwo dodać niestandardowy CSS do swojej witryny WordPress.
Admin
Vikram
Wielkie dzięki. Pomogło
Hashim Naushahi
To było naprawdę pomocne! Dziękuję bardzo!!!
Tylko szybkie pytanie…
Jak dostosować kod, jeśli mam czcionkę o różnych grubościach?
Mam zainstalowane na moim laptopie wersje czcionki, której chcę użyć, w wersji zwykłej i pogrubionej. Użyłem FontSquirrel do konwersji ich na webfonty. I wgrałem te webfonty do folderu w moim motywie potomnym, tak jak wyjaśniłeś. Po prostu nie wiem, jak użyć @font-face, aby użyć obu wag.
Naprawdę czekam na Twoją odpowiedź. Sposób, w jaki to wyjaśniłeś, jest świetny!
Z góry dziękuję!
Z poważaniem,
Hashim
Wsparcie WPBeginner
Użyjesz font-weight w CSS. Tak jak tutaj:
h1 { font-family: 'Open Sans', Arial, serif; font-weight: 400; }1-click Use in WordPress
Admin
Christina
Nie widzę przycisku „edytor” w moim wordpress pod wyglądem. Użyłem font squirrel do przesłania mojej czcionki, ale kiedy poszedłem dodać ją w edytorze motywu, nie było takiej opcji. Może mam inną wersję wordpress. Proszę o pomoc. Dziękuję.
Michelle
Czy możesz podać przykład źródła adresu URL dla przykładu @fontface? Robię coś źle i czuję, że zaraz wyrwę sobie wszystkie włosy :/
Mr.T
Czy prawidłowym sposobem dodawania niestandardowych czcionek Google nie jest użycie funkcji enqueue_script?
Wsparcie WPBeginner
Jest to idealne, ale niekonieczne. Ta metoda jest również poprawna i łatwiejsza dla początkujących.
Admin
James
Cześć wszystkim
Zawsze czytam Twoje posty i uwielbiam tę stronę, świetna robota, zawsze mi pomagasz. Utknąłem przy przenoszeniu strony dla klienta i musiałem zmienić czcionkę. Myślałem, że zrobiłem wszystko, skopiowałem pliki CSS itp., ale czytając to, zdałem sobie sprawę, że nie zmieniłem kodu w nagłówku.
Utknąłem z tym od tygodnia!
Anyway just wanted to say thanks