CHANGE FONT STYLE OF THE FIRST LETTER OF POST TITLE

CHANGE THE FONT STYLE OF THE FIRST LETTER OF POST TITLE

Go to Template > Edit HTML and search for </b:skin>. Paste one of the following codes above it

h3.post-title:first-letter { }

or

.post-title.entry-title:first-letter { }

or

h3.post-title a:first-letter { }

ADD THE CSS

Now you can customise the first letter by adding CSS in between the brackets. Here’s a list of some of the things you can change.

Change font – font-family: 'FONTNAME'; 
Change font size – font-size: #px; 
Underline the letter – text-decoration: underline;
Add line over letter – text-decoration: overline;
Add line/strike through – text-decoration: line-through;
Change font to uppercase – text-transform:uppercase;
Change font to lowercase – text-transform:lowercase;
Change font colour – color: #HEXVALUE;
Change font background colour – background: #HEXVALUE;

EXAMPLE OF IT IN USE

Here is an example, notice the H is different.

h3.post-title: first-letter { font-family: 'Cookie', cursive;; font-size: 12px; text-transform:uppercase; color: #ec008c; } 

CHANGE FONT STYLE OF THE FIRST LETTER OF POST TEXT

Go to Template > Edit HTML and search for </b:skin>. Paste the following code above it.

.post-body:first-letter { } 

Then just like above add the css between the brackets to change the first letter of the body text in each blog post.

http://xomisse.com/blog/change-font-style-first-letter-post-title/