@font-face

[jayyy]

This topic was imported from the Typophile platform

To @font-face or not to @font-face...

I am designing a CSS for a site I am building and was going to just designate the type to be serif (Georgia, Times etc). The I thought about using their typeface instead.

The face is Casablanca Antique and it is a Corel font from 1992. I have no idea where I got it from but it appears to be distributed widely for free (I know I did not buy it).

I have not done web in a long time and am not sure of the pros/cons of using @font-face.

Can anyone please advise?

Thanks,
Jay

[Ralf H.]

You can't use the font since it's commercial font that doesn't allow @font-face linking.
Here is a list of fonts available font @font-face linking:
http://webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-fa...

[jayyy]

Thanks Ralf. I will look through the list to see if there's an appropriate substitution.

I guess I will have to use the good old-fashioned image headers.

[Aa]

Another possible solution is to use the more standard font-family CSS tag in a more creative way. See this article:

http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

This may not help you with this specific issue, since Casablanca Antique will not be on many systems, but it may allow you to cycle through a greater array of viable options.

[Si_Daniels]

Alternately you could locate a genuine freeware font and ask the designer for permission.

Cheers, Si

[jayyy]

Cheers Aa, I actually read that article by chance a few days ago - think it was on 24ways.org. It is good but it's real hard to find a common face for both mac and pc.