Search This Blog

8 Dec 2015

How to: add Google Fonts to Blogger

Go to Google Web Fonts to choose your favourite fonts. Pick your favourite fonts. For me I pick font
"Sue Ellen Francisco " . The reason l like the font because is a tall, skinny based on handwriting. Search and click Open Sue Ellen Francisco in Google Fonts.The font is free for both personel and commercial usages, modification and distribution.


Picture 1


Picture 2

Scroll down to No.3 [ Add this code to your website ] copy the code 


Picture 3

Once you copy the code - paste it after the section in your HTML. See pic above, right after the section I pasted the new font family code. 

** Important **

Picture 4


You must insert the code below so you can save the template.



Picture 5

Once done - copy the code from Picture 2 , 
font-family: 'Sue Ellen Francisco', cursive;
and paste it in your template where ever you want the new font to be. For me I want my font to be on my post title

Example :
.post h3{font-family:Sue Ellen Francisco, cursive;font-size:300%;font-weight:700;line-height:1.2em;color:#284296;margin:.25em 0 0;padding:0 0 4px;}



Save it and you see your new font on your post title.

No comments:

Template developed by Confluent Forms LLC; more resources at BlogXpertise