Otrzymałam ostatnio od kilku osób zapytanie, jak to zrobiłam, że zmieniłam na swojej stronie czcionkę dla tytułu posta czy autora komentarza. Dzisiejszy post będzie połową sukcesu na drodze do takiej zmiany! Otóż świetnym rozwiązaniem, gdy znudziły nam się standardowe fonty dostępne w Projektancie motywów Bloggera, jest skorzystanie z dobrodziejstwa Google Fonts. Przechodzi do części pierwszej - pokażę, jak zainstalować wybrane fonty Google Fonts na Bloggerze.
Google Fonts - co to takiego?
Osobom, dla których Google Fonts to kompletna nowość, wyjaśnię pokrótce, że jest to całkiem spora baza darmowych do użytku komercyjnego fontów, które są bardzo łatwe w użyciu i instalacji. Po przejściu na stronę mamy do wyboru całkiem sporo opcji, które na pierwszy rzut oka mogą przerażać swoją ilością - zupełnie niepotrzebnie! Jeśli bardzo chcesz, możesz śmiało poklikać po wszystkich z nich i zobaczyć, jakie możliwości filtrowania (przy poszukiwaniu określonych fontów) i ich podglądu na żywo ta strona daje. Wiem jednak, że cenisz sobie swój czas i niekoniecznie możesz mieć ochotę na takie eksperymenty, dlatego w skrócie zwrócę uwagę na to, co powinno Cię interesować najbardziej ;)
Instalacja fontów Google Fonts na Bloggerze - od czego zacząć?
To, co zajmuje zawsze najwięcej czasu, to wybór odpowiedniej czcionki. Najistotniejsze jest dla nas to, że nie wszystkie fonty od Google Fonts posiadają polskie znaki. Zacznij więc od wpisania na pasku jakiegoś zwrotu z mnóstwem polskich znaków. Dzięki temu na podglądach czcionek zobaczysz od razu polskie wyrażenie i szybko odrzucisz te fonty, które polskich znaków nie posiadają. Jeśli interesuje Cię wyłącznie pewna grupa fontów, np. w stylu odręcznego pisma, odznacz inne kategorie poza "Handwriting".
Dzięki temu zawęzisz poszukiwania. Wpadło Ci już coś w oko? No to przechodzimy do kolejnych kroków instrukcji, czyli konkrety!
Jak zainstalować czcionki Google Fonts na Bloggerze?
- Kliknij czerwony, okrągły znak "+" przy wybranym foncie, który chcesz zainstalować (widoczny na screenie powyżej). Jeśli chcesz zainstalować dwie czcionki na raz, kliknij ten przycisk przy każdej z nich - tak, jakbyś dodawała produkty do koszyka :)
- Rozwiń okienko, które pojawiło się u dołu strony, po prawej (patrz obrazek poniżej). Znajdziesz tam kody niezbędne do instalacji i użytku czcionki na blogu. Kod CSS również zapisz (na potem - przyda się w drugiej części tej instrukcji), ale w tej chwili skopiuj koniecznie kod HTML. Mała uwaga: jeśli wybrałaś więcej niż jedną czcionkę, kod HTML będzie jeden (i jednym kodem zainstalujesz je wszystkie), ale kodów CSS będzie więcej.
- Przejdź do swojego bloga: zakładka Motyw > Edytuj kod HTML. Odszukaj na samej górze kodu <head> i zaraz nad tym fragmentem wklej skopiowany z Google Fonts kod HTML.
- Teraz bardzo uważnie zamień znak & we wklejonym kodzie na sformułowanie: &Jest bardzo ważne, abyś nie pominęła średnika czy żadnego innego znaku. Na koniec dodaj jeszcze za rel="stylesheet" ukośnik przed znakiem >
- Sprawdź, czy Twój kod po zmianach wygląda jak poniżej i jeśli tak, zapisz zmiany!
<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet"/>
Gotowe! Jak widać, nie jest to wcale trudne :)
Jak używać zainstalowanych czcionek? Część druga instrukcji
Zapewne po zainstalowaniu czcionek, chciałabyś się dowiedzieć, co z nimi zrobić dalej i jak właściwie sprawić, by pojawiły się na blogu. W kolejnym poście znajdziesz drugą część instrukcji, na którą już teraz serdecznie Cię zapraszam. Z instrukcji dowiesz się, jak zmienić tytuł postów, nazwę autora komentarza i inne ciekawe elementy Twojego bloga, aby korzystały one z nowo zainstalowanych fontów.
Jeśli chciałabyś tu przeczytać jakiś konkretny wpis na interesujący Cię temat - zostaw pomysł w komentarzu, postaram się taki wpis przygotować :) Pytania również mile widziane - na wszystkie postaram się odpowiedzieć.
Brak komentarzy