To change the font of your blog post titles, visit the Layout of the blog template and click on Edit HTML option. Select the Expand Widget Templates option. Now search .post h3 or .post h2 , whichever is present in your template.
If .post h3 is present in the template, the code will be similar to the one shown below
.post h3 {
margin: 0 0 5px;
padding-bottom:6px;
}
.post h3 a, #content h1 a:visited {
color: #A0A2F9;
font-size: 18px;
font-family: Waltograph UI,trebuchet ms, tahoma, Verdana, Arial, Sans-Serif;
font-weight: normal;
margin: 0 0 5px;
padding: 0;
text-decoration:none;
text-align:left;
line-height:1.4em;
}
The main thing you should check is that font-family should be present in either .post h3 or .post h3 a . Once you find font-family , just add the font that you want at the beginning just as I have added Waltograph UI in the beginning.
That's it, now click on the Preview button to check whether the font has been implemented or not.
However if .post h3 isn't present in the template, then search for .post h2 and apply the same steps as given above for .post h3
However some templates dont have the .post h2 code in the template. For that first search .post in the template and paste the following code just above it
.post h2 {
color: #A0A2F9;
font-size: 28px;
font-family: Waltograph UI,trebuchet ms, tahoma, Verdana, Arial, Sans-Serif;
font-weight: normal;
margin: 0 0 5px;
padding: 0;
text-decoration:none;
text-align:left;
line-height:1.4em;
}
Just replace Waltograph UI with the font that you want. You can change the code to change the size, colour and other characteristics of the post title.
Here are some examples for you
Font Name: Amelia-Normal
Font Name: File
Font Name: PicoBlackAl
Font Name: Vanilla
If you want to download some awesome fonts, then check 20 Cool Hand Drawn Fonts . Now its up to you to decide which font you want for your blog. I hope that you found this post useful.
Author: Rahul Jadhav
Rahul Jadhav is the owner of Cool Tricks N Tips and he loves blogging and social networking. You can connect with Rahul on Twitter @rahuljrark and also on Facebook
