Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   How can I change font of blog title and tag line? (http://forum.bytesforall.com/showthread.php?t=7891)

karenclark Jul 1, 2010 05:42 PM

How can I change font of blog title and tag line?
 
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

lmilesw Jul 2, 2010 09:13 PM

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.

karenclark Jul 4, 2010 11:01 AM

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!

lmilesw Jul 4, 2010 01:12 PM

ATO>Style & Edit HEADER AREA>Blog Tagline

im1dermike Sep 13, 2010 08:59 AM

Quote:

Originally Posted by lmilesw (Post 35978)
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:
Code:

Cufon.set('fontFamily', 'Route3');
Then in Atahualpa options, I set the css for the blog title to:
Code:

font-family: Route3;
This does not work. I can only get Cufon to work when I use this code:
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.

lmilesw Sep 13, 2010 09:41 AM

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.

vincent Sep 5, 2011 03:58 PM

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


All times are GMT -6. The time now is 06:47 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.