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

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

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

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

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, 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

Originally Posted by dmstauber

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.

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