Using a local font

[anonnerz]

Hey,
I am trying to get my css file (located in ./) to include a font style from a ./Fonts file.

I have investigated it and found that its possible through a code like:

[code]#container {
font-family: Font; src: url('./Fonts/Font.ttf');
}[/code]

But i cant get it to work.
Here is what i've got:

[code]span.title_header {
background-image: url(Images/news_bgtile.png);
padding-right: 6px;
margin-left: 3px;
color: #FFF;
font-size: 28px;
font-family: Steelfish;
src: url("Fonts/SteelFish.ttf");
font-style: italic;
font-weight: bold;
}[/code]


Can anyone help?

[ToonMariner]

if the font is installed on your own pc then all you need do is use the correct name.

If you want to make this font avialable on-line then you will need to download MIcrosofts WEFT tool.
Check out this page [url=http://www.microsoft.com/typography/web/embedding/weft3/]http://www.microsoft.com/typography/web/embedding/weft3/[/url]

You need to create an .eot file ; this is the embedded font type stuff. Beware - this has apparantly been adopted as a standard BUT to date I think only IE supports it - indeed FF (needlessly I might add) blocks the downloading of any embedded fonts.

[supa5teph]

If all else fails, try the sIFR method. http://www.mikeindustries.com/sifr/
You can pretty much use ANY font you want, and 98% of people have Flash so it'll work.