Custom Font

[The Little Guy]

I have the following custom font:

 

@font-face {
font-family: ws;
font-style:  normal;
src: url(/media/fonts/ws.eot);
src: local("WebServeroff"), url(/media/fonts/ws.otf) format("opentype");
font-weight: normal;
font-style: normal;
}

 

But it doesn't work in IE any reason why?

[erdem]

dude use cuffon font.

 

these are problems.

 

http://www.cufonfonts.com/

 

 

 

[Frank P]

But it doesn't work in IE any reason why?

The code is not correct, not by a mile, to be cross-browser. See here how it should be done: Font Face Generator. Just upload the (legal) font and you will get both the converted font files and the correct css code. Much faster than Cufon, too.

[ahsesino]

Here use this code

 

@font-face {
font-family: 'font';
src: url('media/fonts/font-webfont.eot?') ,  url('media/fonts/font-webfont.ttf') ,  url('media/fonts/font-webfont.woff') ,  url('media/fonts/font-webfont.svg');
}

 

Explanation:

 

your custom font needs to be declared -->font-family: 'font';

now if you want that font to be applied to a box this is what you do:

 

#box {

          width; 0px;

          height: 0px;

          font-family:'font';

}

 

now the box will use your custom font.

 

enjoy.