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