CSS Text ttf/eot

[PDB1982]

I am trying to incorporate an eot/ttf file named "steve.ttf"/"steve.eot" into a CSS, but I am seeing no changes being made. The font items are located in the same folder as the html document.

Here is the code I am using:

@font-face {
 font-family: MyCustomFont;
 src: url("steve.eot");
 src: local("steve.ttf") format("truetype");
}

p.style1{
	font: MyCustomFont;
}

and I'm trying to insert it into this:

<p class="style1">This shoud be My New Font</p>

Do you see any errors (I'm trying to use firefox and IE)?

[SKANK!!!!!]

fonts dont work(custom ones)

[aDevS]

This method works does not work on 'Chrome 1, Fire­fox 3, Safari 2, Opera 9'.

[ko ko]

What is font: MyCustomFont? Wrong css.
Must be:

font-family:  MyCustomFont;

'font' is short hand property. You must use this for shorthand.

font: [font-weight] [font-style] [font-variant] [font-size/line-height] [font-family];
/* font:  MyCustomFont is wrong */

[SKANK!!!!!]

if it doesnt work on firefox its not worth doing. i mean firefox is ahead of the game they support the animated .pngs and ie dont

[almostbob]

local is the local pc font store, I think, from the web server, even a web server installed locally it requires a url
something like

@font-face { 
font-family: GraublauWeb; 
src: local("Lucida Grande"), url("fonts/GraublauWeb.otf") 
format ("opentype"); }

http://webfonts.info/ font-face browser support details on browser differences

[SKANK!!!!!]

what are u supposed to do for ie that doesn support true type fonts then?

[almostbob]

sames as IE6/png, conditional css with eot fonts for IE
or wait till IE supports css3 properly (looks out window, watching for Hell to freeze over)

<!--[if IE]>
@font-face { font-family: GraublauWeb;
   src: url("GraublauWeb.eot"); }
<![endif]-->

http://webfonts.info/wiki/index.php?title=%40font-face_support_in_Internet_Explorer

[PDB1982]

what are u supposed to do for ie that doesn support true type fonts then?

you can also translate them into .eot files that IE recognizes, and include the

src: local(XXXX.eot);

line within the originial @font-face.

[SKANK!!!!!]

yeah son i dont rilly understand this its nothting i will be doing being that ive tried it before and it didnt work!