I would like to change the font of this blog title and tagline to Lucida Handwriting. I found where to change the title and tagline color but am not sure if I can insert code to change the font or how I would do that? Thank you! This is the site I am working on:
http://organicenvironments.net/
THANKS
Karen

To change to a non-websafe font like Lucida handwriting is going to require other methodologies such as this plugin provides. Do Google search for sIFR and Cufon on the wordpress.org site to get some ideas.

Thank you! OK say I wanted to change it to a web-friendly font - I don't know where to change the font in the header area of tagline - where is that? Thanks!

ATO>Style & Edit HEADER AREA>Blog Tagline

Originally Posted by lmilesw

To change to a non-websafe font like Lucida handwriting is going to require other methodologies such as this plugin provides. Do Google search for sIFR and Cufon on the wordpress.org site to get some ideas.

lmilesw: This perhaps isn't the best venue to pose this question, but Cufon's WP forums are laughable. I can't get Cufon to work entirely.

I'm trying to set a custom font for my blog title only. I've uploaded the font.js to the appropriate directory and entered the following in the Cufon replacement code:

Cufon.set('fontFamily', 'Route3');

Then in Atahualpa options, I set the css for the blog title to:

font-family: Route3;

This does not work. I can only get Cufon to work when I use this code:

Cufon.set('fontFamily', 'Route3').replace('h2');

The problem with that, though, is now every <h2> gets that font, but I only want the blog title.

Can you offer any help? If you'd like to take this to PM since it's off-topic, that's fine.

I think that another Cufon plugin may be a better choice which I think was the one I originally meant to link to. There is also a Google Font plugin, a TrueType or Open Type font plugin, and a TypeKit font plugin (there may be some costs associated with it depending on your usage). The original link was a suggestion of where to start as I haven't done lot of testing with font replacement plugins.

I used the following method:

In HTML/CSS >> Header I added
<link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>

Then in In HTML/CSS >> CSS inserts
.tagline {
font-family: 'Calligraffitti', cursive;
}

Hope that helps somebody else

- Vincent