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 |
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 |
Quote:
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.
|
All times are GMT -6. The time now is 05:31 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.