css2 font properties

[User_Unfriendly]

Hey all,
I have been trying to use some of the font properties for CSS2 like:

font-stretch

I can't seem to get it to do any expanding, or condensing. Has anyone had any luck with this? I also tried use the @font-face rule to use my own fonts. I had no luck on that either.

[RetroNetro]

Hello

Browser support for some CSS 2 properties is not good yet.

Here is a list if you look in the right columns it tells what browsers support each property.

The font-stretch: does not have support yet.

I have never heard of @font-face, but you can use font-family: to use particular fonts.

Hope this helps

Johnny

[vgarcia]

@font-face was in CSS 2.0, but was removed from CSS 2.1 due to lots of issues, the main being copyright. @font-face was used to embed nonstandard fonts (kinda like how Flash can do it), but that would have caused lots of copyright/legal issues because of the status of most fonts.

As for font-stretch, I don't think any browser has that working yet.

[RetroNetro]

@font-face was in CSS 2.0, but was removed from CSS 2.1 due to lots of issues, the main being copyright. @font-face was used to embed nonstandard fonts (kinda like how Flash can do it), but that would have caused lots of copyright/legal issues because of the status of most fonts.

Too bad, that would be kinda cool. I am cool with standard fonts, but it would be fun to play around with non standard ones.

Johnny

[vgarcia]

Too bad, that would be kinda cool. I am cool with standard fonts, but it would be fun to play around with non standard ones.

Johnny

The problem would be (as with anything in HTML) that the font would have to be downloaded to the user's machine. Flash gets away with it because .swf is a binary format and you can't (easily) grab the fonts out of the swf.

Of course, you could always use sIFR as a way of using nonstandard fonts, or do what I tend to do and specify good alternate fonts, like so:

p {
  font-family: Frutiger, "Myriad Web", "Trebuchet MS", "Bistream Vera Sans", sans-serif;
}

[User_Unfriendly]

yah I figured browser support was this issue. I like to use Century Gothic and stretch it out, like on this logo font: userunfriendly.com/newuu/

I was hoping I could pull of something like that with the stretch property. Century Gotchic looks bad on webpages, really choppy, so I was just going to use it with Arial. Guess not!

[RetroNetro]

Hello

You could try: letter-spacing: ?px; but I dunno if it will have the same effect as what you want from stretch

Later
Johnny

[DeeBs]

For IE at least, there is a tool called WEFT which will let you embed nonstandard fonts. It is a Microsquish program, so it'll only work in IE, and I believe it requires the use of some MS elements that will invalidate your CSS.

On the upside, it doesn't break anything for Firefox/Opera et al . . .