Welcome!

[Zim]

I usualy stick with web safe fonts, but would like to know the standard for embeding non web safe fonts in a webpage,
i have seen a few methods around, but i do not fully understand why some things are being used.

any links would be of great help, or if anyone would be kind enough to explain things to me it would be great.

Thanks.

[Andy]

http://nova-group.se/test/fonts/

[Zim]

http://nova-group.se/test/fonts/

thanks andy, looks good, allthough i had a few problems with converthing the otf to a ttf, then trying to finda way to make a svg, managed to make a eot, but it didnt seem to work in ie.

weird.

[Andy]

Well, you got links to TTF to EOT and TTF 2 SVG converters at the bottom of the page.

You could always use FontForge to convert fonts (with the exception of EOT).

[Zim]

Well, you got links to TTF to EOT and TTF 2 SVG converters at the bottom of the page.

You could always use FontForge to convert fonts (with the exception of EOT).

Thanks andy will check these out.

Don't you love it how Microsoft like to go against what everyone else is doing.
Is there any reasoning behind them using .svg?

[Andy]

Don't you love it how Microsoft like to go against what everyone else is doing.
Is there any reasoning behind them using .svg?

They're not. They're using EOT (Embedded OpenType), their own format.

Webkit (Safari, Chrome) and Presto (Opera) based browsers are the ones that will use the SVG font. This is explained on the page I linked you to earlier.

[Zim]

Don't you love it how Microsoft like to go against what everyone else is doing.
Is there any reasoning behind them using .svg?

They're not. They're using EOT (Embedded OpenType), their own format.

Webkit (Safari, Chrome) and Presto (Opera) based browsers are the ones that will use the SVG font. This is explained on the page I linked you to earlier.

Ah ok, thats what you get when you skim over things whilst working.

I must look pretty stupid now.

[Jova]

http://nova-group.se/test/fonts/

So is this the best practice or recommended way to use non web safe fonts?
I'm assuming this means using fonts that most people don't have installed on their machines?

And what is @font-face? Where does that come from?

Is it in general okay to use use non web safe fonts? There are alot of nice fonts found on this site.

[Andy]

And what is @font-face? Where does that come from?

http://www.w3.org/TR/css3-fonts/

Is it in general okay to use use non web safe fonts?

Well, yes. This is the first time ever that all the major browsers support remote fonts.
You have a support table on the page.

[Jova]

So is it okay to use a non web safe font for an entire website or should you keep them to only certain elements like <h1> or <p> or such?

[Andy]

So is it okay to use a non web safe font for an entire website or should you keep them to only certain elements like <h1> or <p> or such?

You can do it for the entire page if you'd like. Here's an example of a website that did exactly that: http://diveintohtml5.org/

[Jova]

Okay! Thank you!

[Jova]

I'm not understanding the procedure entirely. Am I supposed to have the font in all these different formats and stored within the website project? In the root folder or a custom one?

[Andy]

Am I supposed to have the font in all these different formats

There's three formats. and yes.

In the root folder or a custom one?

Wherever you want it to be. Just as long as you link to it from the CSS file.

[Jova]

Can I get some help on installing ttf2eot in Vista?