Fontinmetsästys käynnistyy tällä kertaa Googlen fonttitarjonnasta. Sieltä löydät pökerryttävän määrän erilaisia fontteja. Voit selailla niitä mieltymystesi mukaan sivulla olevia hakutoimintoja hyödyntäen. Pidä kuitenkin mielessäsi, että otsikon fontin tulisi siis olla luettavissa ja mielellään hieman leipätekstiä suuremmassa koossa (ne px:t siellä valikossa). Otsikon fonttia etsiessä kannattaa yläreunasta valita näytetekstin pituudeksi sentence, sillä se antaa parhaimman kuvan siitä, miltä fontti tositilanteessa tulisi näyttämään (taitaakin olla oletusasetuksena tuo lause siellä).
Huomioi vielä valintaa tehdessäsi, että vaikka jotkut koukerot ovat omaan silmään niin ihanan näköisiä ja itse tiedät vallan hyvin mitä otsikkoon tuli raapustettua, kannattaa kuitenkin miettiä ensisijaisesti lukijaa ja sitä, ottaako hän niistä hieroglyfeistä mitään tolkkua. Otsikko on tekstin kannalta äärettömän oleellinen, joten sen sisäistämistä ei kannata tehdä kovin vaikeaksi.
Kun löydät potentiaalisen fontin, klikkaat oikeasta reunasta fontin kohdalta Add to collection. Voit kerätä mielenkiintoisia fontteja talteen vähän enemmänkin. Keräilykokoelmasi karttuu siellä sivun alareunassa ja suunta sinne, kun olet saattanut etsinnät päätökseen. Klikkaa oikealta alhaalta Use ja pääset jo lähemmäs loppuhuipennosta.
Huomaa, että jos et halua kerätä montaa fonttia talteen, vaan löysit heti sen ainoan ja oikean, Add to collection -nappulasta hieman vasemmalle on pieni Quick-use -painike, jota voit klikata.
Saat valita, minkä version haluamastasi fontista otat: lihavoitua vai jotain muuta tarjolla olevaa? Voit tietysti valita kaikki mutta niin kuin sivulla varoitellaankin, monen fontin liittäminen blogiisi voi hidastaa sen latausaikaa (ja näyttääkin varmaan sekavalta).
Samaiselta sivulta alempaa löytyvät kohdat 3 ja 4, joita tarvitset seuraavaksi. Kohdan 3 koodi tulisi kopioida vaikkapa jonnekin notepadiin hetkeksi, jotta voit lisätä siihen yhden merkin: ennen viimeistä sulkua > , lisää yksi kenoviiva /. Lopun pitäisi siis näyttää tältä: /css'/>
Tähän väliin viimeistään teet sitten varmuuskopioinnin ennen kuin suuntaat Bloggerissa Malliin ja Muokkaa HTML-koodia. Etsit koodista kohdan <head>, joka on siinä ihan ensimmäisillä riveillä erittäin suurella todennäköisyydellä. Laitat tämän jälkeen omalle rivilleen Googlelta saaman koodin, johon olet juuri lisännyt sen yhden kenoviivan. Tallenna.
Otsikkoon fontin saat helposti lisäämällä kohdassa 4 annetun CSS:n pätkän ja hieman muuta blogiisi. Tällä kertaa menet Malli -> Mukauta -> Lisäasetukset -> lisää CSS. Tähän boksiin, ihan omalle rivilleen laitat seuraavat tiedot:
h3.post-title {valitsemasi fontin koodi kohdassa 4}
Tiiraile esikatselu ja klikkaa Käytä blogissa. Esimerkiksi minun testiotsikkoni koodi näytti tältä:
h3.post-title {font-family: 'Mountains of Christmas', cursive;}
Ja in action tältä:
Eikös ollutkin helppoa! Sovella nyt tai myöhemmin, jos siltä tuntuu. Toivottavasti osaatte valikoida vinkeistäni ne teitä eniten kiinnostavat ja blogianne parhaiten palvelevat tapaukset. Mietiskelin juuri, että jos joku on lähtenyt ihan jokaiseen vinkkaukseeni mukaan, niin siellä on varmaan aikamoinen sirkus meneillään blogin puolella.
