Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Using @font-face in widget headers


  #1  
Old Sep 22, 2010, 04:59 PM
jahmin
 
5 posts · Sep 2010
Leeds
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
  #2  
Old Sep 23, 2010, 03:11 PM
globalnerds's Avatar
globalnerds
 
43 posts · Nov 2009
Saratoga Springs, NY
@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; }
__________________
Gary GlobalNerds.com

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Can't use @font-face with WordPress 3.0 acdesigns Header configuration & styling 2 Jul 1, 2010 04:56 AM
Can't get @font-face to work with Theme Options samsterid Header configuration & styling 4 Jun 1, 2010 12:45 PM
[SOLVED] Post Headers Font, How? Antonino Giglio Header configuration & styling 4 Mar 7, 2010 10:44 PM
[SOLVED] Adding bkground color to sidebar widget titles/headers RuthSmith Sidebars & Widgets 2 Oct 16, 2009 11:42 AM
Font Size & Face setting reset on save in Page Menu Bar options RobertSGold Page & Category Menu Bars 6 Apr 10, 2009 09:54 PM


All times are GMT -6. The time now is 02:38 PM.


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