{"id":8418,"date":"2020-05-22T14:18:16","date_gmt":"2020-05-22T12:18:16","guid":{"rendered":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie-jak-je-dodac\/"},"modified":"2021-11-15T10:57:18","modified_gmt":"2021-11-15T09:57:18","slug":"czcionki-google-w-wordpressie","status":"publish","type":"post","link":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/","title":{"rendered":"Czcionki Google w WordPressie. Jak je doda\u0107?"},"content":{"rendered":"\r\n

Zmiana czcionki (fontu) w motywie WordPressa to jeden z krok\u00f3w w celu pe\u0142nej personalizacji strony. W bazie Google znajdziemy mas\u0119 czcionek, kt\u00f3re mog\u0105 bardziej nam pasowa\u0107 ni\u017c domy\u015blny font motywu. Jak zatem doda\u0107 czcionki Google do WordPressa?<\/strong><\/p>\r\n\r\n\r\n\r\n

\"czcionki<\/figure>\r\n\r\n\r\n\r\n

Cz\u0119\u015b\u0107 motyw\u00f3w WordPressa posiadana wbudowan\u0105 obs\u0142ug\u0119 czcionek Google. Oznacza to, \u017ce w zak\u0142adce Wygl\u0105d > Dostosuj<\/strong> znajdziemy opcj\u0119 typu Typography<\/strong>, w kt\u00f3rej mo\u017cemy jednym klikni\u0119ciem myszy wybra\u0107 dowoln\u0105 czcionk\u0119 z bazy Google Fonts. <\/p>\r\n\r\n\r\n\r\n

Nie ka\u017cdy motyw jednak tak\u0105 funkcj\u0119 posiada<\/strong>. Wtedy pojawia si\u0119 konieczno\u015b\u0107 samodzielnego dodania czcionki Google do WordPressa i ustawienia jej dla wybranych element\u00f3w (nag\u0142\u00f3wk\u00f3w, menu, akapit\u00f3w, cytat\u00f3w, widget\u00f3w itp.). Jak to zrobi\u0107?<\/p>\r\n\r\n\r\n\r\n

1. Dodawanie czcionki Google za pomoc\u0105 funkcji @import w CSS<\/h2>\r\n\r\n\r\n\r\n

To zdecydowanie najszybsza i najprostsza metoda na wdro\u017cenie czcionki Google. Metoda ta nie jest jednak pozbawiona wad<\/strong> – w niekt\u00f3rych przypadkach mo\u017ce spowolni\u0107 wczytywanie strony. <\/strong><\/p>\r\n\r\n\r\n\r\n

Uzyskaj kod importu czcionki Google<\/h3>\r\n\r\n\r\n\r\n

Na stronie Google Fonts wybierz font, kt\u00f3ry Ci si\u0119 podoba i obok wybranej grubo\u015bci kliknij przycisk Select this style<\/strong>. Wybrane style i fonty wy\u015bwietl\u0105 si\u0119 w kolumnie po prawej stronie.<\/p>\r\n\r\n\r\n\r\n

\"Skopiuj<\/figure><\/div>\r\n\r\n\r\n\r\n

Prze\u0142\u0105cz si\u0119 tam do zak\u0142adki Embed<\/strong>, a nast\u0119pnie wybierz metod\u0119 „@import”<\/strong>. Pojawi si\u0119 gotowy kod, kt\u00f3ry musisz skopiowa\u0107 i wklei\u0107 na swoj\u0105 stron\u0119. Nie kopiuj znacznika otwarcia i zamkni\u0119cia<\/strong>. Skopiuj tylko to, co znajduje si\u0119 pomi\u0119dzy, tak jak na powy\u017cszym zrzucie.<\/p>\r\n\r\n\r\n\r\n

Wstaw kod do sekcji Dodatkowy CSS w WordPressie<\/h3>\r\n\r\n\r\n\r\n

Przejd\u017a do swojego WordPressa i udaj si\u0119 do zak\u0142adki Wygl\u0105d > Dostosuj<\/strong>. Na ekranie personalizacji motywu przejd\u017a do Dodatkowy CSS<\/strong>.<\/p>\r\n\r\n\r\n\r\n

\"Wklej<\/figure><\/div>\r\n\r\n\r\n\r\n

To miejsce, w kt\u00f3rym mo\u017cesz wkleja\u0107 w\u0142asny kod CSS. Na samej g\u00f3rze tego pola wklej skopiowany kod CSS<\/strong>. Zapisz zmiany przyciskiem Opublikuj<\/strong>. Tw\u00f3j WordPress \u0142aduje teraz wybrany przez Ciebie font Google.<\/p>\r\n\r\n\r\n\r\n

Ustaw stylowanie element\u00f3w na stronie<\/h3>\r\n\r\n\r\n\r\n

Jedyne, co pozosta\u0142o, to wskazanie, kt\u00f3re elementy na stronie maj\u0105 tego fontu u\u017cywa\u0107. Potrzeba do tego najbardziej podstawowej znajomo\u015bci CSS. Przygotowali\u015bmy dwa najprostsze schematy – na nag\u0142\u00f3wki (od h1 do h6) oraz na akapity.<\/p>\r\n\r\n\r\n\r\n

h1, h2, h3, h4, h5, h6 {\r\n\tfont-family: \"Nazwa czcionki\", sans-serif;\r\n}<\/code><\/pre>\r\n\r\n\r\n\r\n
p {\r\n\tfont-family: \"Nazwa czcionki\", sans-serif;\r\n}<\/code><\/pre>\r\n\r\n\r\n\r\n
Wystarczy \u017ce zmienisz w nich w\u0142asn\u0105 nazw\u0119 czcionki, a nast\u0119pnie wkleisz ca\u0142o\u015b\u0107 do zak\u0142adki Dodatkowy CSS<\/strong> w swoim WordPressie.<\/p>\r\n\r\n\r\n\r\n
2. Dodawanie czcionki Google za pomoc\u0105 pliku functions.php<\/strong><\/h2>\r\n\r\n\r\n\r\n
Innym sposobem na samodzielne dodanie fontu Google jest wklejenie odpowiedniego kodu do pliku functions.php w taki spos\u00f3b, aby doda\u0107 importowanie czcionki do funkcji wp_enqueue_scripts<\/strong>. Do tego sposobu potrzebujesz motywu potomnego w WordPressie.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure>
\r\n
ZOBACZ R\u00d3WNIE\u017b<\/p>\r\n\r\n\r\n\r\n
Jak stworzy\u0107 motyw potomny w WordPressie<\/a><\/h2>\r\n\r\n\r\n\r\n
Motyw potomny pozwala wprowadzi\u0107 zmiany do plik\u00f3w motywu bez ryzyka ich utraty w przypadku aktualizacji motywu. Jak go stworzy\u0107?<\/p>\r\n<\/div><\/div>\r\n\r\n\r\n\r\n
Uzyskaj link do po\u017c\u0105danego fontu Google<\/h3>\r\n\r\n\r\n\r\n
Przejd\u017a na stron\u0119 fontu, kt\u00f3ry chcesz pobra\u0107 i wybierz odpowiednie warianty klikaj\u0105c Select this style<\/strong>. W panelu bocznym przejd\u017a do zak\u0142adki Embed<\/strong> i wybierz metod\u0119 Link<\/strong>.<\/p>\r\n\r\n\r\n\r\n
\"Skopiuj<\/figure><\/div>\r\n\r\n\r\n\r\n
Znajdziesz tu odno\u015bnik do wybranego fonta. Skopiuj tylko link wy\u015bwietlany w warto\u015bci dla „href=”<\/strong>, czyli na przyk\u0142ad:<\/p>\r\n\r\n\r\n\r\n
https:\/\/fonts.googleapis.com\/css2?family=Poiret+One&display=swap<\/strong><\/pre>\r\n\r\n\r\n\r\n
Wklej go tymczasowo np. do Notatnika. Za chwil\u0119 b\u0119dziesz go potrzebowa\u0107, aby sporz\u0105dzi\u0107 odpowiedni kod PHP do pliku functions.php.<\/p>\r\n\r\n\r\n\r\n
Wklej kod do pliku functions.php<\/h3>\r\n\r\n\r\n\r\n
Otw\u00f3rz sw\u00f3j plik functions.php w motywie potomnym. Mo\u017cesz go otworzy\u0107 za pomoc\u0105 wbudowanego w WordPress edytora. Je\u015bli jednak dla bezpiecze\u0144stwa wy\u0142\u0105czy\u0142e\u015b edytor plik\u00f3w w WordPressie, to mo\u017cesz edytowa\u0107 ten plik za pomoc\u0105 dowolnego klienta FTP, loguj\u0105c si\u0119 na serwerze.<\/p>\r\n\r\n\r\n\r\n
Wklej do pliku functions.php<\/strong> poni\u017csz\u0105 funkcj\u0119:<\/p>\r\n\r\n\r\n\r\n
function google_fonts() {\r\n    wp_enqueue_style( 'google-fonts', 'https:\/\/fonts.googleapis.com\/css2?family=Poiret+One&display=swap<\/strong>', false );\r\n}\r\nadd_action( 'wp_enqueue_scripts', 'google_fonts' );\r\n<\/pre>\r\n\r\n\r\n\r\n
Podmie\u0144 adres czcionki w pogrubionym <\/strong>miejscu na adres, kt\u00f3ry wcze\u015bniej skopiowa\u0142e\u015b ze strony Google Fonts. Po podmianie zapisz zmiany w pliku functions.php. Czcionka b\u0119dzie ju\u017c \u0142adowana  w trakcie wczytywania strony – teraz pozostaje Ci ju\u017c tylko wskaza\u0107 w CSS, kt\u00f3ry tekst na stronie ma u\u017cywa\u0107 nowego fontu.<\/p>\r\n\r\n\r\n\r\n
Ustaw stylowanie wybranych element\u00f3w<\/h3>\r\n\r\n\r\n\r\n
Wejd\u017a do zak\u0142adki Wygl\u0105d > Dostosuj <\/strong>w WordPressie, a nast\u0119pnie udaj si\u0119 do sekcji Dodatkowy CSS<\/strong>. W tym miejscu mo\u017cesz doda\u0107 w\u0142asny kod CSS, za pomoc\u0105 kt\u00f3rego podmienisz font dla wybranych element\u00f3w na stronie. Mo\u017cesz to r\u00f3wnie\u017c zrobi\u0107 edytuj\u0105c plik CSS swojego motywu potomnego i tam wstawi\u0107 kod.<\/p>\r\n\r\n\r\n\r\n
Ostylowanie wybranych element\u00f3w wymaga podstawowej znajomo\u015bci CSS, ale dla u\u0142atwienia mo\u017cesz skorzysta\u0107 ze wspomnianych ju\u017c wcze\u015bniej gotowc\u00f3w, za pomoc\u0105 kt\u00f3rych zmienisz font dla nag\u0142\u00f3wk\u00f3w lub akapit\u00f3w:<\/p>\r\n\r\n\r\n\r\n
h1, h2, h3, h4, h5, h6 {\r\n\tfont-family: \"Nazwa czcionki\", sans-serif;\r\n}<\/code><\/pre>\r\n\r\n\r\n\r\n
p {\r\n\tfont-family: \"Nazwa czcionki\", sans-serif;\r\n}<\/code><\/pre>\r\n\r\n\r\n\r\n
Zmie\u0144 w powy\u017cszych przyk\u0142adach nazw\u0119 fontu na swoj\u0105.<\/p>\r\n\r\n\r\n\r\n
Pami\u0119taj, \u017ce to tylko przyk\u0142ad <\/strong>– niekt\u00f3re elementy na stronie mog\u0105 mie\u0107 wymuszany font bardziej dok\u0142adnymi selektorami. Wtedy nale\u017cy zbada\u0107 istniej\u0105cy kod CSS. Opublikuj <\/strong>zmiany i od\u015bwie\u017c stron\u0119 – wskazane elementy powinny mie\u0107 ju\u017c ustawion\u0105 przez Ciebie czcionk\u0119.<\/p>\r\n\r\n\r\n\r\n
3. Dodawanie czcionki Google za pomoc\u0105 wtyczki<\/strong><\/h2>\r\n\r\n\r\n\r\n
Je\u017celi nie chcesz doda\u0107 czcionki r\u0119cznie lub boisz si\u0119 eksperymentowa\u0107 z kodem, to mo\u017cesz skorzysta\u0107 z wtyczki. Jedn\u0105 z takich wtyczek jest Google Fonts Typography. Wejd\u017a w WordPressie do zak\u0142adki Wtyczki<\/strong> i wyszukaj w repozytorium Google Fonts Typography<\/a><\/strong>. Zainstaluj i aktywuj wtyczk\u0119.<\/p>\r\n\r\n\r\n\r\n
Po w\u0142\u0105czeniu wtyczki wejd\u017a do Wygl\u0105d > Dostosuj.<\/strong> W panelu personalizacji motywu pojawi si\u0119 teraz nowa zak\u0142adka Google Fonts<\/strong>. Mo\u017cesz tu ustawi\u0107 bazow\u0105 czcionk\u0119, a tak\u017ce osobne czcionki dla nag\u0142\u00f3wk\u00f3w, akapit\u00f3w itp.<\/p>\r\n\r\n\r\n\r\n
Sekcja Basic Settings<\/strong> pozwala dostosowa\u0107 podstawow\u0105, bazow\u0105 czcionk\u0119 dla podstawowego tekstu (Base Typography<\/strong>) oraz dla nag\u0142\u00f3wk\u00f3w (Headings Typography<\/strong>). Je\u015bli szukasz bardziej konkretnych ustawie\u0144, to wejd\u017a do zak\u0142adki Advanced Settings<\/strong>. W tym miejscu mo\u017cesz ustawi\u0107 np. font dla nag\u0142\u00f3wk\u00f3w w tre\u015bci wpisu.<\/p>\r\n\r\n\r\n\r\n
Po ustawieniu czcionek zgodnie z upodobaniami kliknij Opublikuj<\/strong>. Zmiany zostan\u0105 zapisane, a font b\u0119dzie widoczny ju\u017c u odwiedzaj\u0105cych.<\/p>\r\n\r\n\r\n\r\n
4. Czy mog\u0119 \u0142adowa\u0107 fonty Google ze swojego serwera?<\/h2>\r\n\r\n\r\n\r\n
Jak najbardziej! Konieczne jest w tym celu pobranie font\u00f3w Google, przes\u0142anie ich na sw\u00f3j serwer FTP, a nast\u0119pnie podlinkowanie przez CSS. Mo\u017cesz do tego wykorzysta\u0107 kreator Google WebFonts Helper.<\/p>\r\n\r\n\r\n\r\n
Przejd\u017a do Google WebFonts Helper<\/a><\/strong><\/p>\r\n\r\n\r\n\r\n
Wyszukaj na powy\u017cszej stronie czcionki Google, kt\u00f3r\u0105 chcesz doda\u0107 i wybierz j\u0105. W ustawieniach upewnij si\u0119, \u017ce zaznaczony jest zestaw znak\u00f3w (charset) latin-ext<\/strong>, a tak\u017ce po\u017c\u0105dane przez Ciebie grubo\u015bci czcionki.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure><\/div>\r\n\r\n\r\n\r\n
Poni\u017cej znajdziesz gotowy kod CSS, kt\u00f3ry musisz wklei\u0107 na swoj\u0105 stron\u0119. Kod CSS zak\u0142ada, \u017ce docelowo umie\u015bcisz czcionki w folderze fonts<\/strong>, w g\u0142\u00f3wnym katalogu swojej strony. Je\u015bli chcesz, mo\u017cesz to zmieni\u0107, wprowadzaj\u0105c w\u0142asn\u0105 nazw\u0119 katalogu w polu pod kodem CSS. <\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure><\/div>\r\n\r\n\r\n\r\n
Skopiuj wygenerowany kod CSS<\/strong> i zachowaj go tymczasowo np. w Notatniku. Za chwil\u0119 b\u0119dzie Ci on potrzebny. Zanim z niego korzystamy, musimy najpierw umie\u015bci\u0107 pliki font\u00f3w na naszym serwerze.<\/p>\r\n\r\n\r\n\r\n
W ostatnim kroku znajdziesz link do pobrania paczki z wybranymi przez siebie fontami i ich ustawieniami. <\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure><\/div>\r\n\r\n\r\n\r\n
Pobierz paczk\u0119 ZIP<\/strong>, a nast\u0119pnie wypakuj j\u0105. To pliki czcionki, kt\u00f3re musisz przes\u0142a\u0107 na sw\u00f3j serwer FTP. Uruchom dowolnego klienta FTP (np. FileZilla), po\u0142\u0105cz si\u0119 ze swoim serwerem, utw\u00f3rz w g\u0142\u00f3wnym katalogu WordPressa folder fonts<\/strong> (lub inny, kt\u00f3ry wpisa\u0142e\u015b w sekcji CSS) <\/strong>i umie\u015b\u0107 w nim pobrane pliki z czcionkami Google.<\/p>\r\n\r\n\r\n\r\n
Teraz musisz doda\u0107 skopiowany wcze\u015bniej CSS. Mo\u017cesz to zrobi\u0107 za pomoc\u0105 sekcji Wygl\u0105d > Dostosuj > Dodatkowy CSS<\/strong>, wklejaj\u0105c kod na samej g\u00f3rze.<\/p>\r\n\r\n\r\n\r\n
\"\"<\/figure><\/div>\r\n\r\n\r\n\r\n
Uwaga! <\/strong>Bardziej zaawansowani u\u017cytkownicy mog\u0105 zamiast tego umie\u015bci\u0107 kod w osobnym pliku CSS (np. googlefonts.css) i zintegrowa\u0107 go za pomoc\u0105 pliku functions.php<\/strong> i funkcji wp_enqueue_style<\/strong>.<\/p>\r\n\r\n\r\n\r\n
Gdy to zrobisz, fonty b\u0119d\u0105 \u0142adowane z Twojego serwera. Jedyne, co teraz pozostaje, to wskazanie na stronie, kt\u00f3re elementy (nag\u0142\u00f3wki, akapity itp.) maj\u0105 korzysta\u0107 z tego fontu.<\/strong> Mo\u017cesz to zrobi\u0107 r\u00f3wnie\u017c w zak\u0142adce Dodatkowy CSS<\/strong>, wstawiaj\u0105c dodatkowe regu\u0142y CSS.<\/p>\r\n\r\n\r\n\r\n
h1, h2, h3, h4, h5, h6 {\r\n\tfont-family: \"Nazwa czcionki\", sans-serif;\r\n}<\/code><\/pre>\r\n\r\n\r\n\r\n
Przyk\u0142adowo, powy\u017csza regu\u0142a zmienia font dla wszystkich nag\u0142\u00f3wk\u00f3w od H1 do H6 – wystarczy, \u017ce wpiszesz tam nazw\u0119 swojego fontu. <\/p>\r\n","protected":false},"excerpt":{"rendered":"
Sprawd\u017a jak zmieni\u0107 fonty na swojej stronie na WordPressie.<\/p>\n","protected":false},"author":7,"featured_media":5333,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[12],"tags":[],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"featured_image_urls":{"full":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google.jpg",1280,720,false],"thumbnail":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google-150x150.jpg",150,150,true],"medium":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google-300x169.jpg",300,169,true],"medium_large":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google-768x432.jpg",768,432,true],"large":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google.jpg",1280,720,false],"2048x2048":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google.jpg",1280,720,false],"yarpp-thumbnail":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google.jpg",120,68,false]},"post_excerpt_stackable":"
Sprawd\u017a jak zmieni\u0107 fonty na swojej stronie na WordPressie.<\/p>\n","category_list":"WordPress<\/a>","author_info":{"name":"B\u0142a\u017cej Starosta","url":"https:\/\/www.lh.pl\/pomoc\/author\/blazej\/"},"comments_num":"2 comments","yoast_head":"\nCzcionki Google w WordPressie. Jak je doda\u0107? - WordPress LH.pl<\/title>\n<meta name=\"description\" content=\"Czcionki Google w WordPressie pozwalaj\u0105 zmieni\u0107 kr\u00f3j tekstu na stronie. Zobacz, jak doda\u0107 czcionki Google do WordPressa w prosty spos\u00f3b.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Czcionki Google w WordPressie. Jak je doda\u0107? - WordPress LH.pl\" \/>\n<meta property=\"og:description\" content=\"Czcionki Google w WordPressie pozwalaj\u0105 zmieni\u0107 kr\u00f3j tekstu na stronie. Zobacz, jak doda\u0107 czcionki Google do WordPressa w prosty spos\u00f3b.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/\" \/>\n<meta property=\"og:site_name\" content=\"LH.pl\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wwwlhpl\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-22T12:18:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-15T09:57:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"B\u0142a\u017cej Starosta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"B\u0142a\u017cej Starosta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/\"},\"author\":{\"name\":\"B\u0142a\u017cej Starosta\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#\/schema\/person\/5a40f9de0b90355373e84b6d7087aeff\"},\"headline\":\"Czcionki Google w WordPressie. Jak je doda\u0107?\",\"datePublished\":\"2020-05-22T12:18:16+00:00\",\"dateModified\":\"2021-11-15T09:57:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/\"},\"wordCount\":1341,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google.jpg\",\"articleSection\":[\"WordPress\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/\",\"url\":\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/\",\"name\":\"Czcionki Google w WordPressie. Jak je doda\u0107? - WordPress LH.pl\",\"isPartOf\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google.jpg\",\"datePublished\":\"2020-05-22T12:18:16+00:00\",\"dateModified\":\"2021-11-15T09:57:18+00:00\",\"description\":\"Czcionki Google w WordPressie pozwalaj\u0105 zmieni\u0107 kr\u00f3j tekstu na stronie. Zobacz, jak doda\u0107 czcionki Google do WordPressa w prosty spos\u00f3b.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#primaryimage\",\"url\":\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google.jpg\",\"contentUrl\":\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google.jpg\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Lh.pl Pomoc\",\"item\":\"https:\/\/www.lh.pl\/pomoc\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Strony internetowe\",\"item\":\"https:\/\/www.lh.pl\/pomoc\/c\/strony-internetowe\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"WordPress\",\"item\":\"https:\/\/www.lh.pl\/pomoc\/c\/wordpress\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Czcionki Google w WordPressie. Jak je doda\u0107?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#website\",\"url\":\"https:\/\/www.lh.pl\/pomoc\/\",\"name\":\"LH.pl\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.lh.pl\/pomoc\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#organization\",\"name\":\"LH.pl\",\"url\":\"https:\/\/www.lh.pl\/pomoc\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2019\/09\/LH-logo-color-RGB.png\",\"contentUrl\":\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2019\/09\/LH-logo-color-RGB.png\",\"width\":771,\"height\":289,\"caption\":\"LH.pl\"},\"image\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/wwwlhpl\",\"https:\/\/www.instagram.com\/wwwlhpl\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#\/schema\/person\/5a40f9de0b90355373e84b6d7087aeff\",\"name\":\"B\u0142a\u017cej Starosta\",\"description\":\"Ma do\u015bwiadczenie w tworzeniu oraz prowadzeniu stron WWW, od blog\u00f3w a\u017c po sklepy internetowe. Od lat uwa\u017cnie \u015bledzi rozw\u00f3j WordPressa i jego wp\u0142yw na rynek tw\u00f3rc\u00f3w stron internetowych. Stara si\u0119 by\u0107 na bie\u017c\u0105co ze wszystkimi nowinkami technologicznymi i dzieli\u0107 si\u0119 swoj\u0105 wiedz\u0105.\",\"sameAs\":[\"https:\/\/www.lh.pl\"],\"url\":\"https:\/\/www.lh.pl\/pomoc\/author\/blazej\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Czcionki Google w WordPressie. Jak je doda\u0107? - WordPress LH.pl","description":"Czcionki Google w WordPressie pozwalaj\u0105 zmieni\u0107 kr\u00f3j tekstu na stronie. Zobacz, jak doda\u0107 czcionki Google do WordPressa w prosty spos\u00f3b.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/","og_locale":"pl_PL","og_type":"article","og_title":"Czcionki Google w WordPressie. Jak je doda\u0107? - WordPress LH.pl","og_description":"Czcionki Google w WordPressie pozwalaj\u0105 zmieni\u0107 kr\u00f3j tekstu na stronie. Zobacz, jak doda\u0107 czcionki Google do WordPressa w prosty spos\u00f3b.","og_url":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/","og_site_name":"LH.pl","article_publisher":"https:\/\/www.facebook.com\/wwwlhpl","article_published_time":"2020-05-22T12:18:16+00:00","article_modified_time":"2021-11-15T09:57:18+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google.jpg","type":"image\/jpeg"}],"author":"B\u0142a\u017cej Starosta","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"B\u0142a\u017cej Starosta","Szacowany czas czytania":"8 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#article","isPartOf":{"@id":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/"},"author":{"name":"B\u0142a\u017cej Starosta","@id":"https:\/\/www.lh.pl\/pomoc\/#\/schema\/person\/5a40f9de0b90355373e84b6d7087aeff"},"headline":"Czcionki Google w WordPressie. Jak je doda\u0107?","datePublished":"2020-05-22T12:18:16+00:00","dateModified":"2021-11-15T09:57:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/"},"wordCount":1341,"commentCount":2,"publisher":{"@id":"https:\/\/www.lh.pl\/pomoc\/#organization"},"image":{"@id":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google.jpg","articleSection":["WordPress"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/","url":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/","name":"Czcionki Google w WordPressie. Jak je doda\u0107? - WordPress LH.pl","isPartOf":{"@id":"https:\/\/www.lh.pl\/pomoc\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#primaryimage"},"image":{"@id":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google.jpg","datePublished":"2020-05-22T12:18:16+00:00","dateModified":"2021-11-15T09:57:18+00:00","description":"Czcionki Google w WordPressie pozwalaj\u0105 zmieni\u0107 kr\u00f3j tekstu na stronie. Zobacz, jak doda\u0107 czcionki Google do WordPressa w prosty spos\u00f3b.","breadcrumb":{"@id":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#primaryimage","url":"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google.jpg","contentUrl":"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/05\/fonty-google.jpg","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.lh.pl\/pomoc\/czcionki-google-w-wordpressie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Lh.pl Pomoc","item":"https:\/\/www.lh.pl\/pomoc\/"},{"@type":"ListItem","position":2,"name":"Strony internetowe","item":"https:\/\/www.lh.pl\/pomoc\/c\/strony-internetowe\/"},{"@type":"ListItem","position":3,"name":"WordPress","item":"https:\/\/www.lh.pl\/pomoc\/c\/wordpress\/"},{"@type":"ListItem","position":4,"name":"Czcionki Google w WordPressie. Jak je doda\u0107?"}]},{"@type":"WebSite","@id":"https:\/\/www.lh.pl\/pomoc\/#website","url":"https:\/\/www.lh.pl\/pomoc\/","name":"LH.pl","description":"","publisher":{"@id":"https:\/\/www.lh.pl\/pomoc\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lh.pl\/pomoc\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.lh.pl\/pomoc\/#organization","name":"LH.pl","url":"https:\/\/www.lh.pl\/pomoc\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.lh.pl\/pomoc\/#\/schema\/logo\/image\/","url":"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2019\/09\/LH-logo-color-RGB.png","contentUrl":"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2019\/09\/LH-logo-color-RGB.png","width":771,"height":289,"caption":"LH.pl"},"image":{"@id":"https:\/\/www.lh.pl\/pomoc\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wwwlhpl","https:\/\/www.instagram.com\/wwwlhpl\/"]},{"@type":"Person","@id":"https:\/\/www.lh.pl\/pomoc\/#\/schema\/person\/5a40f9de0b90355373e84b6d7087aeff","name":"B\u0142a\u017cej Starosta","description":"Ma do\u015bwiadczenie w tworzeniu oraz prowadzeniu stron WWW, od blog\u00f3w a\u017c po sklepy internetowe. Od lat uwa\u017cnie \u015bledzi rozw\u00f3j WordPressa i jego wp\u0142yw na rynek tw\u00f3rc\u00f3w stron internetowych. Stara si\u0119 by\u0107 na bie\u017c\u0105co ze wszystkimi nowinkami technologicznymi i dzieli\u0107 si\u0119 swoj\u0105 wiedz\u0105.","sameAs":["https:\/\/www.lh.pl"],"url":"https:\/\/www.lh.pl\/pomoc\/author\/blazej\/"}]}},"_links":{"self":[{"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/posts\/8418"}],"collection":[{"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/comments?post=8418"}],"version-history":[{"count":2,"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/posts\/8418\/revisions"}],"predecessor-version":[{"id":10773,"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/posts\/8418\/revisions\/10773"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/media\/5333"}],"wp:attachment":[{"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/media?parent=8418"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/categories?post=8418"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/tags?post=8418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}