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 » Center area post/pages »

Troubleshoot font-face kit install


  #1  
Old Feb 5, 2012, 02:12 AM
dmstauber
 
26 posts · Mar 2011
Troubleshoot font-face kit install

I downloaded a font-face kit from Fontsquirrel (yay!) and followed instructions, but new font is not appearing in my body text. Here's what I did:

--uploaded font files to wp-content/fonts (any chance the fonts directory should be created under Atahualpa?)
--inserted CSS (copied via Wordpad) into CSS inserts. Here it is:


@font-face {
font-family: 'FanwoodRegular';
src: url('http://domistauber.com/wp-content/fonts/'Fanwood-webfont.eot');
src: url('http://domistauber.com/wp-content/fonts/Fanwood-webfont.eot?#iefix') format('embedded-opentype'),
url('http://domistauber.com/wp-content/fonts/Fanwood-webfont.woff') format('woff'),
url('http://domistauber.com/wp-content/fonts/Fanwood-webfont.ttf') format('truetype'),
url('http://domistauber.com/wp-content/fonts/Fanwood-webfont.svg#FanwoodRegular') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'FanwoodItalic';
src: url('http://domistauber.com/wp-content/fonts/Fanwood-Italic-webfont.eot');
src: url('http://domistauber.com/wp-content/fonts/Fanwood-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('http://domistauber.com/wp-content/fonts/Fanwood-Italic-webfont.woff') format('woff'),
url('http://domistauber.com/wp-content/fonts/Fanwood-Italic-webfont.ttf') format('truetype'),
url('http://domistauber.com/wp-content/fonts/Fanwood-Italic-webfont.svg#FanwoodItalic') format('svg');
font-weight: normal;
font-style: normal;

--in Body text/links, changed font-family to this:

font-family: 'FanwoodRegular';

What did I do wrong??

Thanks so much in advance.

Do Mi
  #2  
Old Feb 5, 2012, 04:21 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
did you follow these instructions?
It looks like it is working to me. I see the font family in the post text. The post headline has it's own place to pick up a font if you specify it ato->Style POSTS & PAGES->HEADLINE Box: xxxxx
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Feb 5, 2012 at 04:28 AM.
  #3  
Old Feb 5, 2012, 11:47 AM
dmstauber
 
26 posts · Mar 2011
Yes, those are the instructions I followed.

I'm still not seeing my new font in the body text. I tried with Chrome and Firefox. I wonder why you can see it and I can't??? Any ideas?

Thanks for the quick reply!

Do Mi
  #4  
Old Feb 5, 2012, 11:54 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
It might be your computer, go try it on another.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Feb 5, 2012, 12:05 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Another option is to try Google Fonts. You just take the code they give you and put in ATO>Add HTML/CSS Inserts>HTML Inserts: Header. Then use the font families wherever.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #6  
Old Feb 10, 2012, 01:59 PM
dmstauber
 
26 posts · Mar 2011
Larry, why do you put the code from Google Fonts in Header rather than CSS inserts?

Still working on this. I found a good troubleshooting video on Fontsquirrel; going through their steps makes me conclude it's an upload issue. I've written Fontsquirrel and then will try Dreamhost.

I'll report back.

Do Mi

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
Can I change Font Face? Zoe1416 Page & Category Menu Bars 6 Dec 6, 2010 04:09 AM
@font-face - any clues on where to put the css for this? Jaguwar Atahualpa 3 Wordpress theme 2 Nov 24, 2010 11:09 PM
Using @font-face in widget headers jahmin Sidebars & Widgets 1 Sep 23, 2010 03:11 PM
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


All times are GMT -6. The time now is 07:32 AM.


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