font-face

[viva_unix]

Hello!

I'm writing a website and want to use a special font for that. But I can't make it works.

Here is a code:

@font-face{
font-family : 'Campaign-Normal';
src : url( 'Campaign.ttf' );
}

The file 'Campaign.ttf' is present in the current directory.

In the BODY tag you can see something like that:

<font face = "Compaign-Normal" size = "7">Welcome!</font>

But it does not work...

Where is a mistake?

Thank you...

[ronaldb66]

The font has to be present on the client computer, that is the computer on which the website is viewed. Having the font on the server makes no difference whatsoever. There are some technologies for customised fonts, but neither has matured yet and support is sketchy, so I wouldn't bet on that.

Another question: why, and for what purpose do you want to use this particular font? Depending on that, some alternatives come to mind; for regular body text, the best way to go is using a widely available standard font like verdana.

[eak]

ronaldb66,
the font does not have to be on the clients computer. what viva_unix is trying to do is embed a font in the page using css.
i have done it on my site and it works just fine.

viva_unix,
i dont think you have the right file format for the font.
when i embed a font in my site the font file ends with .eot
you should use MS weft to convert a font for web use.

[brothercake]

Originally posted by eak
what viva_unix is trying to do is embed a font in the page using css.
i have done it on my site and it works just fine.
I've never seen that in CSS before; is that a windows/IE proprietary thing?

[eak]

its a part of css. i am not sure which browsers support it. i know ie6 does and i think Mozilla does too.

here is the code to have your own font in the page.

@font-face{
font-family:fontName;
font-style:normal;
font-weight:100;
src:url('fontName.eot');}

[meow]

Only IE supports "Web fonts". Netscape 4 uses a technique developed by Bitstream (IIRC) and Opera and Moz don't support font embedding at all. I wouldn't bother with Netscape 4 so that leaves IE.

You'll find WEFT here:
http://www.microsoft.com/typography/web/embedding/weft/default.htm

Warning. WEFT is a bulky, wizard driven monster. Don't feed it your real files. Feed it a dummy document and then use the option to add more fonts (than were specified in the document). All you want is the font conversion - you don't want it to rewrite your HTML. At least that worked for me. :o

[viva_unix]

Yes, eak is right.

That what I want, but I have never thought that I have to convert an font.

2 eak:

Could you possibly tell me how to do that? I saw you websites, I saw sources I want to do that like in that page:

www.eak.homeip.net

Thank you!

[eak]

you have to use Weft. you can download it at http://www.microsoft.com/typography/web/embedding/weft3/weft01.htm

once you get it there is a wizard that will do most of the work for you. just like meow said, the wizard does mess up a file.
it tries to rewrite the html file that you supply the wizard so that the css code is in it. so just backup your html pages before using weft.

once the eot file has been generated along with the css, you can use the font with the css font-family or in a font tag... i would not use the font tag, css is the way to go.

[bradyj]

I've read about this... and I know very little on the subject, because it doesn't seem to be embraced to well by the web designers out here... but, is there a way to make an embedded font file for the Macintosh?

Or am I up a creek without a paddle here?

&#%@ Steve Jobs sometimes...

[viva_unix]

OK! I understand now!

thank you for everyone! :)

I am going to apply those knowledge!

One more tim Thank You!!!