Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   Troubleshoot font-face kit install (http://forum.bytesforall.com/showthread.php?t=16683)

dmstauber Feb 5, 2012 02:12 AM

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

juggledad Feb 5, 2012 04:21 AM

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

dmstauber Feb 5, 2012 11:47 AM

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

juggledad Feb 5, 2012 11:54 AM

It might be your computer, go try it on another.

lmilesw Feb 5, 2012 12:05 PM

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.

dmstauber Feb 10, 2012 01:59 PM

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

lmilesw Feb 10, 2012 06:33 PM

Quote:

Originally Posted by dmstauber (Post 80200)
Larry, why do you put the code from Google Fonts in Header rather than CSS inserts?

You WOULD put the font-family code in CSS Inserts or whatever style box you choose. The code I was talking about putting in header is the code that Google fonts gives you that calls those fonts from the Google font foundry.
You will see what I mean if you got to Google fonts and start the install process.

dmstauber Feb 11, 2012 11:34 AM

I see, thanks. I'm going to stick with Fontsquirrel for now, unless I can't get it to work.


All times are GMT -6. The time now is 08:48 AM.

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