Wordpress Themes - WP Forum at BFA - Using @font-face in widget headers

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - Using @font-face in widget headers (http://forum.bytesforall.com/showthread.php?t=9817)

Using @font-face in widget headers

Hi there. This is a problem which has been borthering me for some time.

I'm using @font-face to customise the fonts on my site. it's working well for large portions of the site too however, when it comes to elements such as widget titles (or the footer!) WP seems to be ignoring any references to fonts defined by @font-face

Should I be able to use an @font-face font in ATO >> Style Widgets >> Widget Title, and how would I conjure the font up?

I using this code for Widget Title, JunctReg is a font defined in my CSS inserts.

font-family: JunctReg, Verdana, sans-serif;
font-size: 1em;
font-weight: regular;
text-transform: none;
letter-spacing: 1px;
color: #333;
border-bottom: solid 1px #eee;
padding-bottom: 10px;
margin-bottom: 10px;

Oddly, I'm using the Fast Secure Contact Form plug-in and that seems to be reading the additional font-face CSS in my style sheet with no problems - when styling the text "Enter your email to sub*scribe to our mail*ing list" I used a class that refers to JunctReg.

The site is www.jahmin.org

Thanks in advance for your help!

loz

@font-face is no longer developing anything new and may not keep their "fonts" up on their site. Google has launched a new version of this, you can go to http://code.google.com/webfonts Once there click on a font you like, in my example I picked "cantarell" Once you pick the font, click on the tab "Get The Code"

Put the following code in your header.php just below the <head> tag - keep in mind that if you upgrade your theme, you may have to put this code back in the header.php:

Code:

<link href='http://fonts.googleapis.com/css?family=Cantarell&subset=latin' rel='stylesheet' type='text/css'>

Now if you want, for example, your entire site to have this font, you can go to ATO > Body Text & Links and put in something like this:

Code:

font-family: 'Cantarell', arial, serif;

or in Add HTML/CSS you could do something like:

Code:

h1 { font-family: 'Cantarell', arial, serif; }