Font family in css not working

Question

I am using YanoneKaffeesatz Font in my wordpress website. So to use this font first I generated code from FontSquirrel. Then I got this piece of code

@font-face {
font-family: 'yanone_kaffeesatz_lightRg';
src: url('yanonekaffeesatz-light-webfont.eot');
src: url('yanonekaffeesatz-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('yanonekaffeesatz-light-webfont.woff') format('woff'),
     url('yanonekaffeesatz-light-webfont.ttf') format('truetype'),
     url('yanonekaffeesatz-light-webfont.svg#yanone_kaffeesatz_lightRg') format('svg');
font-weight: normal;
font-style: normal;
}

Then I paste the code in my css file and paste all the converted fonts(.otf,.svg, .ttf) in my website folder but still my font has not been changed. So can some one tell me why this is happening? Any help and suggestions will be highly appreciable.

You really need to show your directory structure for problems like this. It's impossible to see if you have the correct paths in use for the fonts. — daveyfaherty, Oct 10 '12 at 16:41

score 1 · Answer 1 · answered Oct 09 '12 at 13:04

1

Are the font files in the same dir as your stylesheet? You're currently pointing to that dir. Paths in CSS are relative to the stylesheet, not the root.

root 
  -css/styles.css
  -images/
  -fonts/
  index.html

With the above structure you would use this as your URL.

url('../fonts/your_font.font;);

answered Oct 09 '12 at 13:04

SpaceBeers

13,617
6
47
61

yes...as in wordpress my css file is in the root folder and also my fonts are also in the same folder. – amit patel Oct 09 '12 at 13:05
Why is your CSS in the root? Shouldn't it be in your theme? – SpaceBeers Oct 09 '12 at 13:07
Can you please post your development URl so we can check the problem ? I'm pretty sure @SpaceBeers is right – Laurent Brieu Oct 09 '12 at 13:09
sorry but it is in my localhost.and my css file is in the same folder as because in wordpress already the file was in that root folder so I just used that – amit patel Oct 09 '12 at 13:12
Your CSS should be in your theme folder, not the root. Could you edit your question with a structure "diagram" like I've used? – SpaceBeers Oct 09 '12 at 13:15

Font family in css not working

1 Answers1